反应获取组件内的文本

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