ReactJs 变量返回静态文本

Question

你好，我在reactjs中有这段代码：

{props.slices[2].transform === '1' ? '10' : props.slices[2].transform.replace('0.','')}

我需要将它存储在一个变量中，以便在另一个reactjs文件中使用它，所以我这样做了：

 this.testVarible= {props.slices[2].transform === '1' ? '10' : props.slices[2].transform.replace('0.','')}

但它似乎不起作用，
其结果是： this.testVarible=2 我也尝试这样做：

 this.testVarible= {{props.slices[2].transform === '1' ? '10' : props.slices[2].transform.replace('0.','')}}

但我收到错误。

Answer 1

您应该使用函数而不是变量。假设您已经在utils.js中构建了一个函数实用程序.jsexport const getTestVariable = (value) => (  value === '1' ? '10' : value.replace('0.', ''))然后你可以在任何react文件中导入这个函数并使用它import { getTestVariable } from './utils.js'...const testVariable = getTestVariable(props.slices[2].transform)