React Native 标签内的条件运算符

Question

在这里反应原生初学者。 我有一个按钮，其中的文本将根据条件进行更改。

所以如果 "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 的值可以是静态值，也可以是表达式的结果，如果您将表达式放在大括号内 ({...})。