时间戳

首页 > 解决方案 > 反应在组件内部获取文本

javascript - 反应在组件内部获取文本

问题描述

我想获取反应元素的文本内容。在下面的示例中，我想得到：hello 1

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

class myComponent extends React.Component {

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

我尝试使用node.textor ReactDOM.findDOMNode(node).textContent，但它不起作用。我能得到一些帮助吗？

谢谢！

标签： javascriptreactjsreact-native

解决方案

尝试使用以下方法调用您的代码：

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

推荐阅读