React - get DOM元素的TEXT值与Ref.

Question

这应该是一个简单的操作，但我一直在网上找到的一切都是如何获得一个'输入值'与react ref.

我需要知道如何获得一个文本值从一个DOM元素，如

<p>hello world</p>

并获取'hello world'

我有正确的ref设置，我可以用refName.current记录完整的html标签。

得到的文本，我已经尝试refName。refName.current.value。refName.current.text()， refName.innerText…等。

谁能给我指个正确的方向?谢谢。

Answer 1

您可以通过ref.current.innerText访问文本

例如(sandbox):

const ref = useRef();
useEffect(() => {
console.log(ref.current?.innerText || "ref not set!");
}, []);
return <p ref={ref}>Hello world</p>;

请记住，ref.current在第一次渲染时没有设置-因此开始时未定义。