mirror of
https://github.com/bendtherules/react-fiber-traverse.git
synced 2026-08-18 22:01:49 +00:00
Readme - Update with correct import statements
This commit is contained in:
@@ -12,13 +12,12 @@
|
|||||||
```ts
|
```ts
|
||||||
import { render } from 'react-dom'
|
import { render } from 'react-dom'
|
||||||
|
|
||||||
import { findNodeByComponentName } from 'react-fiber-traverse'
|
import { findNodeByComponentName, Utils } from 'react-fiber-traverse'
|
||||||
import { getRootFiberNodeFromDOM } from 'react-fiber-traverse/utils'
|
|
||||||
|
|
||||||
const rootElement = document.getElementById('root');
|
const rootElement = document.getElementById('root');
|
||||||
render(<App>, 'root');
|
render(<App>, 'root');
|
||||||
|
|
||||||
const rootFiberNode = getRootFiberNodeFromDOM(rootElement);
|
const rootFiberNode = Utils.getRootFiberNodeFromDOM(rootElement);
|
||||||
|
|
||||||
const someFiberNode = findNodeByComponentName(rootFiberNode, 'SomeComponentName'); // <- returns FiberNode for first usage of 'SomeComponentName'
|
const someFiberNode = findNodeByComponentName(rootFiberNode, 'SomeComponentName'); // <- returns FiberNode for first usage of 'SomeComponentName'
|
||||||
// Say, if SomeComponentName renders (<div>Some text</div>)
|
// Say, if SomeComponentName renders (<div>Some text</div>)
|
||||||
|
|||||||
Reference in New Issue
Block a user