材質用戶界面引發的按鈕不起作用

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

我沒有處理這個問題所需的代表，但我們不應該在這裏面對同一個問題有多個問題。