Question

我正面临这个问题，我想在reactjs的jsx内进行计算。我可以在render内完成此操作，并且很容易做到，但是我想在iside jsx上完成。

{
  flag === true ? (
    <div className={classes.statement}>
      <p>  Rs {10000*{adsobject.state && adsobject.state.home && adsobject.state.home.rate}}</p>
    </div>
  ) : (
    <div className={classes.statement}>
      <p>Rs {10000*{adsobject.state && adsobject.state.away && adsobject.state.away.rate}}</p>
    </div>
  )
}

在这里，我只想将100000与要获取的数据相乘。

Answer 1

您需要用圆括号{}替换嵌套的花括号()

<p>Rs {10000*(adsobject.state && adsobject.state.home && adsobject.state.home.rate)}</p>

{}用于在jsx中插入表达式。您只需要在其中编写一个普通的Javascript表达式

在React中的jsx中进行计算

1 个答案: