Блог

Я хочу умножить {value.item.itemPrice} и {value.itemCount} и присвоить next <td></td> ..Я пытался использовать {value.item.itemPrice}*{value.itemCount} , но не работает. пожалуйста, помогите мне решить эту проблему.Я получаю эти значения из вызова API axios get.

                  <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>
  

Когда вы используете {my_var} , все, что находится внутри, выполняется как код javascript, и вы можете выполнять математические операции или все, что вам нужно. Вот каким должен быть ваш код, чтобы он работал так, как вам нужно.

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

Скобка {} сообщит синтаксическому анализатору JSX, что синтаксис должен интерпретироваться как javascript и возвращаемое значение должно быть показано. Вы пробовали?

 {value.item.itemPrice * value.itemCount}
  

Попробуйте это:

 <td>{value.item.itemPrice * value.itemCount}</td>   
  

вы отображали * как текст, потому что он был вне скобок, тогда он не будет умножаться