2017-11-24 1 views
1

Im는 React js 앱에서 내 구성 요소의 스타일을 지정하기 위해 Muicss를 사용하여 앱을 설정하려고합니다.React js에서 Muicss 스타일로드

아래 코드는 아주 간단한 예제입니다.하지만 브라우저에 들어가면 버튼에 스타일이없고, 뭔가 빠졌는 지 모릅니다. 이전에 머티리얼 디자인을 사용했는데 아무 것도 없었습니다. 문제.

import React from 'react'; 
import Button from 'muicss/lib/react/button'; 

export default class Example extends React.Component { 
    render() { 
    return (
     <div> 
      <Button variant="raised" color="danger">button</Button> 
     </div> 
    ); 
    } 
} 

누군가가 뭔가를 누락하는 경우 얻을하는 데 도움이 수, 나는 NPM을 사용하여 라이브러리를 설치하고 내 node_modules 폴더 안에 나는 Muicss 라이브러리에서 모든 파일을 볼 수 있습니다. 구성 요소가 어떤 스타일이 없음을

콘솔에서 오류 또는 이상한 일이 없다, 이상한 것은 MUI 당신이 MUI를 포함해야 반작용 사용하려면

enter image description here

enter image description here

답변

0

입니다 ... HTML 페이로드의 CSS 파일 그것은이 CDN에서 앱의 CSS로 컴파일 또는 추가 할 수 있습니다

<link href="//cdn.muicss.com/mui-0.9.30/css/mui.min.css" rel="stylesheet" type="text/css" media="screen" /> 

(출처 : MUICSS documentation) 시간에 대한

+0

덕분에, 난 그냥 하나 더 질문이 ... 나는 HTML 파일을 사용하지 않는 , 모든 ara js, 내 "집"페이지조차 js 파일입니다. 어떻게하면 css를 추가 할 수 있습니까? cdn의 경우 내 네트워크가 외부 소스로 갈 수 없다면 어떻게 될까요? 로컬로 다운로드하거나로드해야합니다. – kennechu

+0

React 레이아웃을 렌더링하는 div가 하나만 포함되어 있어도 HTML 파일이없는 브라우저에서 웹 페이지를 볼 수는 없습니다. –

+0

그렇습니다. 단순히 파일을 다운로드하여 자신의 서버에서 제공하십시오. –

관련 문제