Javascript 如何在ReactJs中的Blur事件中将一个输入值传递给另一个输入值？

我想将一个输入（第一个输入）值传递给另一个（第二个输入）input onBlur（第一个输入）事件，但如果需要，我们应该能够在onChange事件上更改第二个值，但目前我无法更改第二个输入值，因为我们已经将input1值传递给它

<input type="text" value={val1} onChange={(e) => setVal1(e.target.value)} onBlur={() => setVal2(val1)}/>
<input type="text" onChange={() =>} value={val2}/>

setVal1（e.target.value）}onBlur={（）=>setVal2（val1）}/>
}值={val2}/>

即使您将val1传递给第二个输入，在onChange事件中，您仍然可以编辑输入的值。请在第二个输入中继续onchange事件。这是一个受控组件，您不能将其值更改为元素范围之外的值，因此需要将输入元素转换为非受控组件。 将

value

属性替换为

defaultValue

<input
   type="text"
   value={val1}
   onChange={(e) => setVal1(e.target.value)}
   onBlur={() => setVal2(val1)}
  />

 <input
   type="text"
   onChange={(e) => setVal2(e.target.value)}
   defaultValue={val2}
  /> 

setVal1（e.target.value）}
onBlur={（）=>setVal2（val1）}
/>
setVal2（e.target.value）}
defaultValue={val2}
/>