我有一个 HTML 页面,我正在将 Reactjs 作为组件插入其中。 我正在使用 JavaScript vanilla 读取 DOM,我想将它插入到这个新的 React 脚本中。
<HTML>
<div id="element">the value I want</div>
<div id="root"></div>
</HTML>
div id“root”是插入 react 的地方 我想使用 DOM 中的“值”,但在 React 内部
我可以吗?如何
最佳答案
看起来您可以在初始渲染之前将它添加到 componentWillMount
。
HTML
<div id="element">the value I want</div>
<div id="root"></div>
JSX
class Test extends React.Component {
componentWillMount() {
const { element } = this.props;
this.text = document.getElementById(element).textContent;
}
render() {
return <div>{this.text}</div>;
}
}
ReactDOM.render(
<Test element="element" />,
document.getElementById('root')
);
关于javascript - 如何在 React React 组件中插入 DOM 值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47890380/