如何在反应中获得所有输入值答案

【问题标题】：How to get all inputs value in react如何在反应中获得所有输入值
【发布时间】：2022-12-15 12:46:11
【问题描述】：

如何通过点击计数并乘以所有输入值？没有 useref，只是以某种方式将所有 event.target.values 的结果添加到数量？

const [quantity, setQuantity] = useState(0);

function handleChange(event) {
  setQuantity(event.target.value);
}
function countCups() {
  setQuantity(hours * l * degrees * capacity);
}
return(
  <>
    <input type="number" placeholder="hours" onChange={handleChange}/>
    <input type="number" placeholder="l" onChange={handleChange}/>
    <input type="number" placeholder="degrees" onChange={handleChange}/>
    <input type="number" placeholder="capacity" onChange={handleChange}/>
    <button id="countButton" onClick={count}>COUNT</button>
    <span>{quantity}</span>
  </>
);

【问题讨论】：

您是否有意使用相同的 handleChange() 函数来管理输入？因为每次输入学位或能力时，我都会覆盖数量。
如果您“管理”每个输入 (React forms docs)，您可以简单地在计算中使用状态值。

标签： javascript reactjs

【解决方案1】：

你可以试试这样：

let inputs= document.querySelectorAll('input[type="number"]');
inputs.reduce((a, b)=> a*b, 1);
setQuantity(inputs);

【讨论】：