React でクラス属性を条件付きで適用するにはどうすればよいですか?

React でクラス属性を条件付きで適用する

問題

から渡されたプロパティに基づいて、ボタン グループを条件付きで表示または非表示にしようとしています。親コンポーネント。ただし、クラス属性内の条件ロジックが予期した動作を引き起こしています。

解決策

React でクラス属性を条件付きで正しく適用するには、条件ロジックを囲む中括弧が文字列の外側にあることを確認してください。 .

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

修正されたコード内:

• 中括弧は文字列の外側にあるため、条件付きロジックは文字列内で評価されます。
• 括弧条件ロジックの周囲は、適切な実行を保証するために必要です。
• 誤って "pull-right show" ではなく "pull-rightshow" クラスが提供されることを避けるために、"pull-right" の後にスペースが追加されます。

これらの調整により、条件クラス属性は期待どおりに機能し、showBulkActions プロパティの値に基づいてボタン グループを表示または非表示にします。

以上がReact でクラス属性を条件付きで適用するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。