हल: स्ट्राइकथ्रू प्रतिक्रिया सीएसएस

स्ट्राइकथ्रू रिएक्ट सीएसएस का उपयोग करने में मुख्य समस्या यह है कि इसे सही ढंग से स्टाइल करना मुश्किल हो सकता है। ऐसा इसलिए है क्योंकि स्ट्राइकथ्रू के लिए डिफ़ॉल्ट शैलियाँ बहुत विशिष्ट नहीं हैं, और उन्हें अनुकूलित करने के लिए कोई अंतर्निहित समर्थन नहीं है।

<del>This text is no longer relevant</del>

यह कोड लाइन HTML टैग 'डेल' का उपयोग यह इंगित करने के लिए करती है कि इस टैग द्वारा संलग्न पाठ अब प्रासंगिक नहीं है।

CSS का उपयोग करके स्टाइलिंग प्रतिक्रिया

CSS के साथ स्टाइलिंग रिएक्ट पहली बार में थोड़ा मुश्किल हो सकता है, लेकिन एक बार जब आप इसमें महारत हासिल कर लेते हैं, तो यह बहुत मजेदार हो सकता है। आरंभ करने में आपकी सहायता के लिए यहां कुछ सुझाव दिए गए हैं:

1. कक्षाओं और गुणों का प्रयोग करें

रिएक्ट घटकों को स्टाइल करने का एक तरीका कक्षाओं और गुणों का उपयोग करना है। उदाहरण के लिए, आप अपने ऐप में अपने सभी बटनों को स्टाइल करने के लिए "माय-बटन" वर्ग नाम का उपयोग कर सकते हैं, और फिर उस वर्ग के लिए शैली सेट करने के लिए "शैली" गुण का उपयोग कर सकते हैं। यहाँ एक उदाहरण है:

वर्ग MyButton घटक का विस्तार करता है {… शैली = {रंग: '#000'}}

2. मिक्सिन्स और यूटिलिटीज का उपयोग करें

रिएक्ट घटकों को स्टाइल करने का दूसरा तरीका मिक्सिन और उपयोगिताओं का उपयोग करना है। उदाहरण के लिए, आप अपने ऐप में अपने सभी बटनों के लिए पुन: प्रयोज्य स्टाइलशीट बनाने के लिए मिक्सिन "स्टाइल-बटन" का उपयोग कर सकते हैं, और फिर उस मिक्सिन का उपयोग करके सभी बटनों के लिए रंग सेट करने के लिए उपयोगिता फ़ंक्शन "बटन-रंग" का उपयोग कर सकते हैं। यहाँ एक उदाहरण है:

आयात { StyleButton } './style-button' से; कॉन्स्ट बटन कलर = (प्रॉप्स) => {रिटर्न प्रॉप्स। रंग ; } डिफ़ॉल्ट स्टाइलबटन निर्यात करें;