title: Reactjs - Importing CSS/JS in component
body: <p>I am trying to create a webpage using a HTML theme on <a href="https://reactjs.org/" rel="nofollow noreferrer">Reactjs</a>. I have studied and found there are 4 ways to import CSS at <a href="https://codeburst.io/4-four-ways-to-style-react-components-ac6f323da822" rel="nofollow noreferrer">this link</a>. All these ways outputs the same way i.e <code>&lt;style&gt;MY_CSS&lt;/style&gt;</code> just before closing HEAD tag.</p>
  
  <p>This is OK for single CSS but when we are using multiple CSS it may conflict with other one.</p>
  
  <p>So my question is can we import CSS so that it will show in  not as <code>&lt;style&gt;&lt;/style&gt;</code>. As <code>&lt;style&gt;</code> tags works as inline CSS and I don't want to use it inline.</p>
  
  <p>2nd question: How can I import Js?
  As I am using <a href="http://requirejs.org/" rel="nofollow noreferrer">requirejs</a> to load multiple js, for this I am trying to import <code>require.config.js</code> where my other js are called.</p>
  
  <p>Please have a look what I am getting
  <a href="https://i.stack.imgur.com/me5Uz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/me5Uz.jpg" alt="this is I am getting from all the codes I have used"></a></p>
  
  <p>Need to have like this below
  <a href="https://i.stack.imgur.com/lgmVz.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lgmVz.jpg" alt="I need CSS to import it like this but not commented, this is a commented code"></a></p>
  
  <p>Please help, thanks in advance!</p>