反应值在表格中相乘

Question

我想乘以{value.item.itemPrice}和{value.itemCount}分配给下一个<td></td>..我尝试使用{value.item.itemPrice}*{value.itemCount}但不起作用.请帮助我解决这个问题.我从 axios get API 调用中获取这些值。

                 <tbody>
                    {itemList.map((value, key) => (
                        <tr key={key}>
                            <td>{value.itemId}</td>
                            <td>{value.item.itemPrice}</td>
                            <td>{value.itemCount}</td>
                            <td>{value.item.itemPrice}*{value.itemCount}</td>   //not woring this
                        </tr>
                    ))}
                    <tr>
                        <td></td>
                        <td></td>
                        <td>Total</td>
                        <td>total here</td>
                    </tr>
                </tbody>

Answer 1

当您使用{my_var}内部的所有内容时，它会作为 javascript 代码执行，您可以进行数学运算或任何您需要的操作。这就是您的代码的样子，以便它可以根据您的需要工作。

<td>{value.item.itemPrice * value.itemCount}</td> // this code is ready