React Native 标签内的条件运算符

Question

这里是 React Native 初学者。我有一个按钮，其中的文本将根据条件更改。

所以如果“this.props.X ==='a'”按钮文本将是 'start',
如果 this.props.X ==='b' 按钮文本将为 'stop'。我怎样才能做到这一点？我可以在按钮标签内使用条件运算符吗？

我正在这样尝试但没有用。

<Button 
  type = "primary"
  (this.props.X === 'a'? title = {'Start'} : title = {'Stop'})
 > 
</Button>

Answer 1

您必须将条件检查放在 prop 的值中：

title={this.props.X === 'a' ? 'Start' : 'Stop'}

prop 的值可以是静态值，也可以是表达式的结果，如果将表达式放在大括号内 ({...})。

Conditional operator inside a React Native Tag