材质用户界面引发的按钮不起作用

Question

我的字面意思是从材质用户界面（http://www.material-ui.com/#/components/raised-button）逐字复制了代码，用于引发按钮。我已经安装了所有必需的节点模块。发生什么事？

附加图像下方的错误。基本上它说“TypeError：无法读取属性'prepareStyles'未定义”。

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

Answer 1

你需要 材料UI的MuiThemeProvider来包装你最上面的组件（或者至少一些父组件）成分：

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

看起来你style属性是不确定的。请看看的document page代码：

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; 

有一个恒定的风格：

const style = { 
    margin: 12, 
}; 

Answer 3

这个问题应该关闭，或者因为它已经被问及在这里回答：Getting Uncaught TypeError: Cannot read property 'prepareStyles' of undefined while trying to open a Dialog

我没有处理这个问题所需的代表，但我们不应该在这里面对同一个问题有多个问题。