如何使用映射 React 从 useState 添加 2 个键?-前端问题

How to add 2 keys from useState using mapping React?(如何使用映射 React 从 useState 添加 2 个键?)

本文介绍了如何使用映射 React 从 useState 添加 2 个键?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我要做的是在mktrateestimate"中显示currgroupinputrate"和mktratedelta"的添加我想从小处着手，所以我尝试在mktratedelta"输入字段中输入一些内容，然后应该显示此输入在 mktrateestimate 但它不显示 mktratedelta 中的输入.如何解决这个问题以及正确的方法是什么?

const [marketEstimateDataBCAssets, setmarketEstimateData] = useState([{名称:伦巴第"，prevgroupinputrate: 0.01,currgroup 输入率:0.02，mktratedelta:0.03，mktrateestimate: 0.04},{名称:其他担保"，prevgroupinputrate: 0.01,currgroup 输入率:0.02，mktratedelta:0.033，mktrateestimate: 0.04},{名称:不安全"，prevgroupinputrate: 0.01,currgroup 输入率:0.02，mktratedelta:0.0333，mktrateestimate: 0.04}]);返回 ({marketEstimateDataBCAssets.map((item, key) => {返回 (<段>{item.name}</div>{item.prevgroupinputrate}</div>{item.currgroupinputrate}</div><输入值={item.mktratedelta}onChange={e =>{const newArr = marketEstimateDataBCAssets.map(el => {if (el.name === item.name) {返回 { ...el, mktratedelta: parseFloat(e.target.value) };}返回 el;});控制台.log(newArr);返回 setmarketEstimateData([...newArr]);}}/>{marketEstimateDataBCAssets[key].mktrateestimate}</div></段>);})} ```

解决方案

你应该试试这样代码.这只是一个开始，您可以从那里继续自己.您应该找到一种方法来管理您的受控 input.更多阅读非受控组件和受控组件在反应.在 javascript 中查看 parseFloat.

返回 (<>{marketEstimateDataBCAssets.map((item, key) => (<div 键={item.name}>{/* 让我们的名字是唯一的 *