在ReactJS中编辑多个输入

const [inputs, setInputs] = useState({
  input1: '',
  input2: '',
});

<input
  type="text"
  value={inputs.input1}
  onChange={e => setInputs({...inputs, input1: e.target.value})}
/>
<input
  type="text"
  value={inputs.input2}
  onChange={e => setInputs({...inputs, input2: e.target.value})}
/>

const handleSubmit = e => {
  e.preventDefault();
  console.log(inputs.input1);
  console.log(inputs.input2);
  // 在这里进行其他处理
};

<form onSubmit={handleSubmit}>
  <input
    type="text"
    value={inputs.input1}
    onChange={e => setInputs({...inputs, input1: e.target.value})}
  />
  <input
    type="text"
    value={inputs.input2}
    onChange={e => setInputs({...inputs, input2: e.target.value})}
  />
  <button type="submit">提交</button>
</form>