MaterialUIのSVGIconにスタイルが適用されていませんReact

Question

私はActionSearchアイコンに適用しているスタイルを持っていますが、残念ながらそれは通過しません。

私は質問にもっと書くことはできませんが、私はそれがかなりシンプルだと思っていますが、Paperはスタイルを取得していますが、アイコンコンポーネントはありません。

なぜこのようなケースが考えられますか？ SVGのアイコンは、このライブラリー内のコンポーネントとしてラップされているのでここで

import React from 'react'; 
import Paper from 'material-ui/Paper'; 
import TextField from 'material-ui/TextField'; 
import IconButton from 'material-ui/IconButton'; 
import ActionSearch from 'material-ui/svg-icons/action/search'; 

const stylePaper = { 
    width: 400, 
    margin: '40px auto', 
    paddingBottom: 10, 
    textAlign: 'center', 
    display: 'inline-block' 
}; 

const styleIcon = { 
    position: 'absolute', 
    top: 20 
}; 

export default class Home extends React.Component { 
    constructor(props) { 
    super(props); 
    this.state = {value: ''}; 

    this.handleChange = this.handleChange.bind(this); 
    this.handleSubmit = this.handleSubmit.bind(this); 
    } 

    handleChange(event) { 
    this.setState({value: event.target.value}); 
    } 

    handleSubmit(event) { 
    alert('A name was submitted: ' + this.state.value); 
    event.preventDefault(); 
    } 

    render() { 
    return (
     <form onSubmit={this.handleSubmit}> 
     <Paper zDepth={2} style={stylePaper} > 
      <TextField 
      hintText="Type in brand, position or industry" 
      /> 
      <IconButton> 
      <ActionSearch style={styleIcon} /> 
      </IconButton> 
     </Paper> 
     </form> 
    ); 
    } 
} 

がインスペクタ画像

Answer 1

がある（材料-UIが反応する）、私はあなたのスタイルオブジェクトを適用できないと思います直接。公式ドキュメントから、あなたのコンポーネント内のプロパティ "iconStyle"のスタイルオブジェクトを渡す必要があるかもしれないと思います。http://www.material-ui.com/#/components/icon-buttonをチェックしてください。