获取文本输入值反应

大佬教程收集整理的这篇文章主要介绍了获取文本输入值反应，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

如何解决获取文本输入值反应？

我正在尝试使用状态跟踪文本输入值，但“e.target.value”似乎不起作用（可能是因为我的组件被声明为函数）。有没有其他办法可以做到？

const UncontrolledDiagram = ({ sentence }) => {
  // create diagrams scheR_796_11845@a

  const [scheR_796_11845@a,{ onChange,addNode,connect,removeNode }] = usescheR_796_11845@a(initialscheR_796_11845@a);

  const [SELEcted,setSELEcted] = useState([]);

  const [texTinput,seTinput]=useState('')
  
  const handleTextChange=(E)=>{
    seTinput(e.target.value);
    console.log(texTinput);
  }

这是我正在跟踪的输入字段：

const conditionaldisplay=(ID)=>{
    const nodetocheck=scheR_796_11845@a.nodes.find(node=>node.ID=== ID);
    if(nodetocheck.form===null){
      return(
        <div>
          <label>Form: </label><input style={{ wIDth: '25px',height: '12px' }} onChange={handleTextChangE} type='text'></input>
          <button classname='buttoninputsubmit'>+</button>
        </div>
      )
    }
    else{
      return(
        <div style={{display: 'flex',margin: '0'}}>
          <label>Form: </label><p style={{Color: 'yellow',marginleft:'2px'}}>{nodetocheck.form}</p>
        </div>
      )
    }
  }

解决方法

const handleTextChange=(E)=>{
   seTinput(e.target.value);
}

useEffect(() => {
    console.log(texTinput);
},[texTinput])

大佬总结

以上是大佬教程为你收集整理的获取文本输入值反应全部内容，希望文章能够帮你解决获取文本输入值反应所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。