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中构建了一个函数

实用程序.js

export const getTestVariable = (value) => (

  value === '1' ? '10' : value.replace('0.', '')

)

然后你可以在任何react文件中导入这个函数并使用它

import { getTestVariable } from './utils.js'

...

const testVariable = getTestVariable(props.slices[2].transform)