如何使用映射 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}>{/* 让我们的名字是唯一的 *

版权声明:本站部分内容来源互联网,如果文章中所涉及的图片或者文字内容侵犯了您的权益,请联系我们,我们会在确认后第一时间进行删除!

本文标题为:如何使用映射 React 从 useState 添加 2 个键?

基础教程推荐