如何在 React 中有条件地应用类属性？

在 React 中有条件地应用类属性

在 React 中，根据从父组件传递的 props 来显示或隐藏元素是很常见的。为此，您可以有条件地应用 CSS 类。然而，使用语法 {this.props.condition ? 'show' : 'hidden'} 直接在字符串中。

要解决此问题，请将大括号移到字符串之外，如以下更正示例所示：

<div className={"btn-group pull-right " + (this.props.showBulkActions ? 'show' : 'hidden')}

This调整确保在连接类名之前评估条件。请注意“pull-right”后面的空格，以防止意外创建“pull-rightshow”类而不是预期的“pull-right show”类。此外，括号对于正确评估至关重要。

以上是如何在 React 中有条件地应用类属性？的详细内容。更多信息请关注PHP中文网其他相关文章！