Get Rendering React Target/DIV

Get Rendering React Target/DIV

本文关键字：DIV Target React Rendering Get      更新时间：2023-09-26

是否可以访问它所呈现的react元素的父节点?

的例子:

<div id='some-app'></div>
ReactDOM.render(<App />, document.getElementById('some-app'))

In React Component

[...] extends React.component {
  constructor(props) {
    console.log('I have been rendered into ' + pseudoGetIdOfParentDiv())
    // outputs: 'I have been rendered into some-app'
  }

您可以在组件挂载后(即在componentDidMount()函数中)使用ReactDOM.findDOMNode(this)来获取组件的根节点。然后可以访问它的parentNode属性。

let node = ReactDOM.findDOMNode(this);
let parentNode = node.parentNode;

仅在组件已挂载之后执行此操作-否则findDOMNode(this)将返回null。

componentDidMount()的信息可以在这里找到:https://facebook.github.io/react/docs/react-component.html#componentdidmount和findDOMNode()在这里:https://facebook.github.io/react/docs/react-dom.html#finddomnode

相关文章：