बनाने प्रतिक्रिया एप्लिकेशन के तहत एक App.js कि इस तरह दिखता है के साथ शुरू होता है:सीएसएस में जोड़ने बनाने प्रतिक्रिया-ऐप
import React, { Component } from 'react';
import logo from './logo.svg';
import './App.css';
class App extends Component {
render() {
return (
<div className="App">
<div className="App-header">
<img src={logo} className="App-logo" alt="logo" />
<h2>Welcome to React</h2>
</div>
<p className="App-intro">
To get started, edit <code>src/App.js</code> and save to reload.
</p>
</div>
);
}
}
export default App;
नोट import './App.css'
- इस सीएसएस फ़ाइल के एक गुमनाम आयात। App.css में App
और App-header
जैसे सीएसएस वर्ग हैं जिन्हें संदर्भ घटक के render
विधि में स्ट्रिंग द्वारा संदर्भित किया जाता है। यह जादू कैसे जुड़ा हुआ है? क्या यह सीएसएस-लोडर एनपीएम पैकेज का एक कार्य है? यदि हां, तो यह कार्यक्षमता कहां दस्तावेज़ीकृत है? मैंने वेबपैक कॉन्फ़िगरेशन की जांच करने के लिए ऐप निकाला है, लेकिन यह लिंकिंग कैसे हो रहा है इस पर मेरी अंगुली डालने में सक्षम नहीं है।