反應獲取組件內的文本

Question

我想獲取 react 元素的文本內容。 在下面的例子中，我想得到： hello 1

var node = <myComponent id={1} />

class myComponent extends React.Component {

render() {
  return {
    <span> hello {this.props.id} </span>
  }
}

我嘗試使用node.text或ReactDOM.findDOMNode(node).textContent ，但它不起作用。 我能得到一些幫助嗎？

謝謝！

Answer 1

嗨，我認為你應該像下面這樣修改你的代碼：

<myComponent id={1} />

Answer 2

嘗試使用以下方法調用您的代碼：

ReactDOM.render(<MyComponent id={1} />, document.getElementById("root"));

您的代碼：

class MyComponent extends React.Component {
  render() {
    return <span>Hello {this.props.id}</span>;
  }
}

在 Codesandbox 中鏈接到此代碼： https ://codesandbox.io/s/class-component-dv6fj