如何定位标题标记的值

Question

我想以h2标记的值为目标，就像处理输入一样。

const [text, setText] = useState("")
<input type="text" onChange={(e) => setText(e.target.value)} />

我尝试了<h2 onChange={(e) => setCheck(e.currentTarget.textContent)}>Text to target</h2>，但没有成功。

还有哪些其他方法可以做到这一点？

Answer 1

您的要求对我来说没有意义，因为<h2/>中的任何内容都将在组件定义中由您控制，但您可以通过ref获得对元素的引用，然后通过它获得其innerHTML。

const App = () => {
return (
<h2 ref={(el => console.log(el.innerHTML))}>This is text</h2>
)
};
ReactDOM.render(
<App/>,
document.getElementById("app")
);

<script crossorigin src="https://unpkg.com/react@16/umd/react.development.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@16/umd/react-dom.development.js"></script>
<div id="app"></div>