구성 요소를 반응시키고 트위터 부트 스트랩 스타일을 재정의

Question

현재 reactjs 및 twitter 부트 스트랩 (스타일 용)을 사용하고 있습니다. 또한 외부 스타일 시트를 허용하기 위해 CSSModules 라이브러리 HERE을 사용하고 있습니다. 부트 스트랩 구성 요소를 제대로 만들지 못했지만 트위터 부트 스트랩 스타일을 내 자신의 CSS로 재정의하는 데 어려움을 겪고 있습니다. 좀 더 구체적으로, 나는 내 스타일로 navbar-inverse 클래스를 오버라이드 할 수 없다. 내 목표는 배경색을 흰색으로 변경하고 링크 텍스트 색상을 검정색으로 변경하는 것입니다. 아래의 코드는 배경색을 변경하는 것에 초점을 맞추고 있지만, 내가 생각할 수있는 변형은 없습니다. 누구든지 반응 구성 요소에 대한 트위터 부트 스트랩 스타일을 무시하는 올바른 방법을 알아 냈습니까? 귀하의 도움을 크게 극명하게 될 것입니다!

질문이나 문제가 있으면 알려 주시기 바랍니다.

다음은 HTML

<nav class="navbar navbar-inverse navbar-fixed-top" styleName="navbar-custom"> 
       <div class="container-fluid"> 
        <div id="navbar" class="navbar-collapse collapse"> 
         <ul class="nav navbar-nav"> 
          <li><a href="#Home" activeClassName="active"> Home</a></li> 
          <li><a href="#OurMission" activeClassName="active"> Our Mission </a></li> 
          <li><a href="#Projects" activeClassName="active">Projects </a></li> 
         </ul> 
        </div> 
       </div> 
      </nav> 

이며, 당신은 "클래스 이름"을 찾고 styles.css가

.navbar-custom{ 
    background-color: #ffffff!important; 
} 

Answer 1

에서 CSS 대신 "는, styleName"의 속성이 있습니다. 그리고 모든 "클래스"속성을 "className"으로 변경해야합니다. 그렇지 않으면 React가 dom을 구문 분석하는 동안 경고를 발생시킵니다.