如何向道具键添加额外的字符串

Question

<Component name="Balance" value= {props.balance}>

我需要在{props.balance}前面加$，我是将余额值发送到另一个组件我想在发送前将$加到余额号。

Answer 1

只需简单地使用字符串连接

<Component name="Balance" value= {"$"+props.balance}>

最好的方法是将 balance 传递到子组件的 render 方法中

Answer 2

您可以使用模板文字：

<Component name="Balance" value={`$${props.balance}`}>

或者您可以在 Component 内处理。