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

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

问题

您正在尝试根据从 a 传递的 prop 有条件地显示或隐藏按钮组父组件。但是，类属性中的条件逻辑导致了预期的行为。

解决方案

要在 React 中正确应用类属性，请确保包含条件逻辑的大括号位于字符串外部.

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

在更正后的代码中：

• 大括号位于字符串外部，因此条件逻辑在字符串内求值。
• 括号周围的条件逻辑对于确保正确执行是必要的。
• 在“pull-right”后面添加一个空格，以避免意外提供类“pull-rightshow”而不是“pull-right show”。

通过这些调整，条件类属性将按预期运行，根据 showBulkActions 属性的值显示或隐藏按钮组。

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