在React Component的属性中插入JSON?

时间:2016-06-10 18:04:29

标签: javascript json reactjs react-native ecmascript-6

我有一个React组件,其值我想通过属性中的JSON设置。但是,我想连接一个字母或单词,但都不会出现。是否有一种在Component的属性中连接字符串的正确方法?在这里,我正在设置TableView单元格的detail属性。

<Cell cellstyle="RightDetail" accessory="DisclosureIndicator" 
title="Height" 
detail={this.state.height} onPress={this.navHeight.bind(this)}/>

产生这个:175(为高度设定的值)。

我想找到一种方法来做类似的事情:

detail="\{this.state.height} meters"

这可以在React / ES6中完成吗?

1 个答案:

答案 0 :(得分:2)

如果您在ES6中

,则可以使用反引号表示法
detail={`${this.state.height} meters`}

每个人:https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Template_literals