재료 UI 발생 버튼이 작동하지 않습니다.

Question

제기 된 버튼에 대해 재료 UI (http://www.material-ui.com/#/components/raised-button)에서 그대로 코드를 그대로 복사하고 있습니다. 필요한 모든 노드 모듈을 설치했습니다. 무슨 일 이니?

아래 이미지에 오류가 있습니다. 기본적으로 그것은 "TypeError : 정의되지 않은"prepareStyles '속성을 읽을 수 없습니다. "라고 말합니다. 당신의 style 속성이 정의되지 않은처럼

Answer 1

: 일정한 스타일이

import React from 'react'; 
import RaisedButton from 'material-ui/RaisedButton'; 

const style = { 
    margin: 12, 
}; 

const RaisedButtonExampleSimple =() => (
    <div> 
    <RaisedButton label="Default" style={style} /> 
    <RaisedButton label="Primary" primary={true} style={style} /> 
    <RaisedButton label="Secondary" secondary={true} style={style} /> 
    <RaisedButton label="Disabled" disabled={true} style={style} /> 
    <br /> 
    <br /> 
    <RaisedButton label="Full width" fullWidth={true} /> 
    </div> 
); 

export default RaisedButtonExampleSimple; 

: document page의 코드에서 참조하시기 바랍니다 구성 요소 :

https://jsfiddle.net/9017dsc2/1/

import React from 'react'; 
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider'; 

class Example extends React.Component { 
    render() { 
    return (
     <div> 
     <RaisedButton label="A Raised Button" /> 
     </div> 
    ); 
    } 
} 

const App =() => (
    <MuiThemeProvider> 
    <Example /> 
    </MuiThemeProvider> 
); 

Answer 2

<RaisedButton label="Primary" primary={true} style={style} />

보인다. 당신은 재료 UI의 MuiThemeProvider에서 최상위 요소 (또는 적어도 일부 상위 구성 요소)를 포장 할 필요가

const style = { 
    margin: 12, 
}; 

Answer 3

이 질문은 이미 질문을 받고 답을 얻었으므로 여기에서 응답해야합니다 : Getting Uncaught TypeError: Cannot read property 'prepareStyles' of undefined while trying to open a Dialog

저는이 문제를 처리 할 담당자가 없지만 같은 질문에 여러 질문을해서는 안됩니다.