关于reactjs:有没有更好的方法在JSX中编写这个三元表达式?

Is there a better way to write this ternary expression in JSX?

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

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


您可以通过以下方式将其稍微缩短:

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

!!将根据值是真是假,将值转换为truefalse


您可以双击否定错误消息属性:

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