Reactjs 反应-使输入显示为选中文本

我有一个功能组件，它使用钩子

const [editMode, setEditMode] = useState(false); 
...
return (
      ... 
     {editMode && <input value="Some value">} 
}

当editMode更改为true时，输入字段将显示，我希望它显示时，其中包含已选择的文本。我该怎么做

您可以使用useRef钩子创建一个ref并将其放在输入元素上，并在每次editMode更改时使用useffect钩子运行一个函数。如果editMode为true，则可以调用ref.current元素上的select方法

范例

const{useState，useRef，useffect}=React； 功能应用程序{ const[value，setValue]=useStateSome值； const[editMode，setEditMode]=useStatefalse； const ref=useRef； useEffect=>{ 如果编辑模式{ ref.current.select； } }，[editMode]； 回来 setEditMode！editMode}>切换编辑 {editMode&& setValuee.target.value} /> } ; } ReactDOM.render、document.getElementByIdroot； 您可以使用useRef钩子创建一个ref并将其放在输入元素上，并在每次editMode更改时使用useffect钩子运行一个函数。如果editMode为true，则可以调用ref.current元素上的select方法

范例

const{useState，useRef，useffect}=React； 功能应用程序{ const[value，setValue]=useStateSome值； const[editMode，setEditMode]=useStatefalse； const ref=useRef； useEffect=>{ 如果编辑模式{ ref.current.select； } }，[editMode]； 回来 setEditMode！editMode}>切换编辑 {editMode&& setValuee.target.value} /> } ; } ReactDOM.render、document.getElementByIdroot；

---

查看并启动一个函数选择文本使用本地状态作为输入值，它将工作查看并启动一个函数选择文本使用本地状态作为输入值，它将工作