स्ट्राइकथ्रू रिअॅक्ट सीएसएस वापरताना मुख्य समस्या ही आहे की ती योग्यरित्या शैली करणे कठीण होऊ शकते. याचे कारण असे की स्ट्राइकथ्रूसाठी डीफॉल्ट शैली फार विशिष्ट नाहीत आणि त्यांना सानुकूलित करण्यासाठी कोणतेही अंगभूत समर्थन नाही.
<del>This text is no longer relevant</del>
ही कोड लाइन HTML टॅग 'del' वापरते हे सूचित करण्यासाठी की या टॅगद्वारे संलग्न केलेला मजकूर यापुढे संबंधित नाही.
CSS वापरून स्टाइलिंग प्रतिक्रिया
CSS सह प्रतिक्रिया शैलीबद्ध करणे सुरुवातीला थोडे अवघड असू शकते, परंतु एकदा आपण ते हँग केले की ते खूप मजेदार असू शकते. तुम्हाला प्रारंभ करण्यात मदत करण्यासाठी येथे काही टिपा आहेत:
1. वर्ग आणि गुणधर्म वापरा
प्रतिक्रिया घटकांना शैली देण्याचा एक मार्ग म्हणजे वर्ग आणि गुणधर्म वापरणे. उदाहरणार्थ, तुम्ही तुमच्या अॅपमधील तुमची सर्व बटणे स्टाईल करण्यासाठी "माय-बटण" हे वर्ग नाव वापरू शकता आणि नंतर त्या वर्गासाठी शैली सेट करण्यासाठी "शैली" गुणधर्म वापरू शकता. येथे एक उदाहरण आहे:
वर्ग मायबटन घटक विस्तारित करतो { … शैली = { रंग : '#000' } }
2. Mixins आणि उपयुक्तता वापरा
प्रतिक्रिया घटकांना शैली देण्याचा दुसरा मार्ग म्हणजे मिक्सिन्स आणि युटिलिटीज वापरणे. उदाहरणार्थ, तुम्ही तुमच्या अॅपमधील तुमच्या सर्व बटणांसाठी पुन्हा वापरता येण्याजोगे स्टाइलशीट तयार करण्यासाठी मिक्सिन “स्टाइल-बटण” वापरू शकता आणि नंतर ते मिक्सिन वापरून सर्व बटणांसाठी रंग सेट करण्यासाठी युटिलिटी फंक्शन “बटण-रंग” वापरू शकता. येथे एक उदाहरण आहे:
'./style-button' वरून { StyleButton } आयात करा; const ButtonColor = ( प्रॉप्स ) => { रिटर्न प्रॉप्स . रंग ; } डीफॉल्ट स्टाइल बटण निर्यात करा;
