有没有更好的方法在JSX中编写这个三元表达式？

Question

有没有更好的方法在这个JSX片段中编写这个三元表达式？

<Form ... error={this.props.errorMessage ? true : false}>

Answer 1

您可以稍微缩短它：

<Form ... error={!!this.props.errorMessage}>

!!会将值转换为true或false，具体取决于该值是真值还是假值。

Answer 2

你可以double negate errorMessage prop：

<Form ... error={!!this.props.errorMessage}>