रिएक्ट में क्लास एट्रिब्यूट्स को सशर्त रूप से लागू करें

रिएक्ट में, मूल घटकों से पारित प्रॉप्स के आधार पर तत्वों को दिखाना या छिपाना आम है। इसे प्राप्त करने के लिए, आप सशर्त सीएसएस कक्षाएं लागू कर सकते हैं। हालाँकि, सिंटैक्स {this.props.condition ? का उपयोग करते समय एक संभावित समस्या उत्पन्न होती है। 'दिखाएँ': 'छिपा हुआ'} सीधे एक स्ट्रिंग के भीतर।

इस समस्या को हल करने के लिए, घुंघराले ब्रेसिज़ को स्ट्रिंग के बाहर ले जाएँ, जैसा कि इस संशोधित उदाहरण में देखा गया है:

यह समायोजन सुनिश्चित करता है वर्ग नामों को संयोजित करने से पहले स्थिति का मूल्यांकन किया जाता है। इच्छित "पुल-राइट शो" क्लास के बजाय गलती से "पुल-राइट शो" क्लास बनाने से रोकने के लिए "पुल-राइट" के बाद की जगह पर ध्यान दें। इसके अतिरिक्त, उचित मूल्यांकन के लिए कोष्ठक महत्वपूर्ण हैं।