Javascript 在react中的jsx内进行计算

我面临这个问题，我想在reactjs中的jsx内部进行计算。 我可以在内部渲染并轻松地执行此操作，但我想在isnide 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>
  )
}

{
flag==真(
Rs{10000*{adsobject.state&&adsobject.state.home&&adsobject.state.home.rate}

) : (
Rs{10000*{adsobject.state&&adsobject.state.away&&adsobject.state.away.rate}

)
}

---

这里我只想用我得到的数据乘以100000。

你需要用圆括号替换嵌套的大括号

{}

Rs{10000*（adsobject.state&&adsobject.state.home&&adsobject.state.home.rate）}

{}

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

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