एक प्रतिक्रिया ऐप में सीएसएस मॉड्यूल के साथ वैश्विक शैलियों को कैसे लागू करें?

Question

मैं वर्तमान में अपने स्टाइल के लिए प्रतिक्रिया के साथ सीएसएस मॉड्यूल का उपयोग कर रहा हूं। तो मेरी घटकों के बारे में आयात कर रहा है में यह घटक विशिष्ट सीएसएस फ़ाइल है, तो जैसे:

import React from 'react'; 
import styles from './App.css'; 

const example =() => (
    <div className={styles.content}> 
    Hello World! 
    </div> 
); 

export default example; 

यह ठीक काम करता है जब अलग-अलग घटकों स्टाइल है, लेकिन मैं कैसे वैश्विक स्टाइल (एचटीएमएल, शरीर, हेडर टैग, divs, आदि लागू होते हैं ।) यह घटक विशिष्ट नहीं है?

Answer 1

आप ES6 आयात वाक्य रचना का उपयोग कर रहे जब से तुम को एक ही वाक्य रचना का उपयोग कर सकते अपने स्टाइलशीट

import './App.css' 

इसके अलावा आयात करते हैं, आप (इसका मतलब यह सीएसएस मॉड्यूल modulif नहीं होगा वैश्विक विस्तार करने के लिए स्विच :global के साथ अपने वर्ग लपेट कर सकते हैं y it, उदाहरण: इसके आगे एक यादृच्छिक आईडी जोड़ना)

:global(.myclass) { 
    background-color: red; 
} 

Answer 2

यह केवल जोड़कर किया जा सकता है: (। @elmeister जो सही ढंग से इस सवाल का जवाब धन्यवाद)

require('./App.css');