Reactjs 如何将计算出的数量传递到react中的状态

单击“记录”按钮时，我如何传递currentBook、currentUnits和Computed total 现在，它只在“已购买的图书”部分下显示输入的值。我想在点击记录按钮时显示数据和计算的金额。有人能告诉我吗

ie金额=单位*价格

例如，它应该显示以下结果1。数学6300

函数应用程序（）{
常量[currentBook，setCurrentBook]=使用状态（“”）
常量[currentUnits，setCurrentUnits]=useState（“”）
const[currentPrice，setCurrentPrice]=useState（“”）
const[currentRecord，setCurrentRecord]=useState（{book:''，units:''，price:''）；
const changeBook=（newBook）=>{
setCurrentBook（newBook）；
}
常量更改单位=（新单位）=>{
设置当前单位（新单位）；
}
const changePrice=（newprice）=>{
设置当前价格（新价格）；
}
const calculateTotal=（e）=>{
var cal_total=当前单位*当前价格；
setCurrentRecord（currentBook、currentUnits、cal_total）；
//setCurrentRecord（{…currentRecord，[e.target.name]：e.target.value}）；
}
返回(
网上购物
选一本书
变更本（event.target.value）}>
选择一本书。。。
数学
科学类
英语
德国的



单位
changeUnits（event.target.value）}>
价格
changePrice（event.target.value）}>
calculateTotal（）}>记录
购书：
项目编号
书
单位
价格
{
//currentRecord.map（{currentBook，currentUnits}）=>(
1.
{currentBook}
10
250
// ))
}
);
}
导出默认应用程序；

看起来您的

地图应该是这样的：

    {currentRecord.map(item => (
        <tr>
        <td>1.</td>
        <td>{item.currentBook}</td>
        <td>{item.units}</td>
        <td>{item.price}</td>
        </tr>
      ))
     }

{currentRecord.map（项=>(
1.
{item.currentBook}
{item.units}
{item.price}
))
}
在沙箱中进行了一些更改

当按问题中的要求单击“记录”

时，计算总数

当用户按下记录按钮时添加一些检查。需要填写三个输入

输入类型应为

number

，而不是

text

，因为如果用户在输入中输入字符串，则可能需要输入NaN

实现重置所有记录的按钮

使用

map

渲染

currentRecord

---

我做了一些修改。我是否只需要保存，您就可以看到更改？您是否可以保存，以便我可以查看我在下面提供的链接answer@tsecheukfung01谢谢你的帮助，一个问题。。。是不是在此行发生了对象的解构

constnewrecord=[…currentRecord，recentNewRecord]？是的，结合
新记录
，解构
当前记录
中已有的内容。很高兴我能帮忙，很抱歉它给出了一个错误，TypeError:currentRecord.map不是一个函数编写
currentRecord
如下：
const[currentRecord，setCurrentRecord]=useState（[{book:''，units:''，price:'']）沙盒看起来像是在做你想做的事情need@poPaTheGuru你是什么意思？从你原来的帖子中，我看到你的问题是金额计算不正确。现在我尝试了你的沙盒代码，它显示了正确的数量，如果我为数量插入2，为价格插入5，例如@poPaTheGuru，我不是问这个问题的人。我只是路过，想问个问题哦，对不起，虽然OP只是用更新的链接给出了一个答案，对不起：D
    {currentRecord.map(item => (
        <tr>
        <td>1.</td>
        <td>{item.currentBook}</td>
        <td>{item.units}</td>
        <td>{item.price}</td>
        </tr>
      ))
     }