Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用react中的输入值获取div的innerText?_Javascript_Html_Reactjs - Fatal编程技术网

Javascript 如何使用react中的输入值获取div的innerText?

Javascript 如何使用react中的输入值获取div的innerText?,javascript,html,reactjs,Javascript,Html,Reactjs,我试图获取div innerText以及该div的输入值。 例如: 我的名字是Shubham,在过去的5年里我一直在这里工作。 我只想得到那个部门的所有文本,比如: 我的名字是Shubham,我在微软工作了5年 我尝试了e.currentTarget.innerHTML,但没有得到想要的结果。 提前谢谢 编辑: console.log(e.currentTarget.innerHTML)} className=“文本sm前导-5文本灰色-500” > 我的名字是Shubham,在过去的5年里我一

我试图获取div innerText以及该div的输入值。 例如:

我的名字是Shubham,在过去的5年里我一直在这里工作。

我只想得到那个部门的所有文本,比如:

我的名字是Shubham,我在微软工作了5年

我尝试了e.currentTarget.innerHTML,但没有得到想要的结果。 提前谢谢

编辑:

console.log(e.currentTarget.innerHTML)}
className=“文本sm前导-5文本灰色-500”
>
我的名字是Shubham,在过去的5年里我一直在这里工作。

只需使用
React.useRef
(函数组件)或
React.createRef
(类组件)

导出默认函数App(){
const ref=React.useRef();
//登录第二次渲染
//我的名字是Shubham,在过去的5年里我一直在这里工作。
console.log(参考当前?.innerText);
返回(
我的名字是Shubham,在过去的5年里我一直在这里工作。
);
}
//给div一个id属性,比如x
//此处文本/div>
//在JavaScript中:
让divText=document.getElementById(“x”).innerText

请提供完整的代码。我没有从中获取输入值。这不足以获取结果OP正在查找没有从中获取输入值向
输入元素添加另一个引用
<div
  onChange={(e) => console.log(e.currentTarget.innerHTML)}
  className="text-sm leading-5 text-gray-500"
>
  My name is Shubham, I work for <input type="text"/> for the last 5 years.
</div>
export default function App() {
  const ref = React.useRef();
  // log on second render
  // My name is Shubham, I work for  for the last 5 years.
  console.log(ref.current?.innerText);
  return (
    <div ref={ref}>
      My name is Shubham, I work for <input type="text" /> for the last 5 years.
    </div>
  );
}
// give your div an id attribute, lets say x
// <div id="x">Text here/div>

// in JavaScript: 
let divText = document.getElementById("x").innerText