如何转换输入值？

Question

我有两个输入并且想要转换值，例如面积转换。

let [input, setInput] = useState('');
let [inputs, setInputs] = useState('');



<div className="area_container">
     <input name="area_p" type="number" onChange={(e)=>{ setInput(e.target.value * 3.31) }} onFocus={() => {setInput('')}} value={inputs}/>
     <p>area</p>
     <input name="area_m" type="number" onChange={(e)=>{ setInputs(e.target.value / 3.31)}}  onFocus={() => {setInputs('')}} value={ input }/>
     <p>m<sup>2</sup></p>
</div>


// 1 area = 3.31 m2

所以我想同时使用这两个输入，但它不起作用...

如果我将值放在第一个输入中，第二个输入的值会自动转换。 我希望相反的情况是一样的。

如何修改？请告诉我...????

实际上onFocus 函数是用于“初始输入状态值”，但它也不起作用。

Answer 1

你需要分配两个值

<input
  onChange={(e) => {
  setInput(e.target.value * 3.31)
  setInputs(e.target.value);
  }}
  value={inputs}
/>

<input
  onChange={(e) => {
  setInput(e.target.value);
  setInputs(e.target.value / 3.31);
  }}
  value={input}
/>

Codesandbox