样式未应用于MaterialUI React中的SVGIcon

Question

我有一个样式，我正在申请ActionSearch图标，但不幸的是它没有通过。

我不确定我能为这个问题多写些什么，我认为这很简单，但是当Paper获得样式时，图标组件并没有。

知道为什么会这样吗？

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

因为svg图标已被包装为此库中的一个组件（material-ui react），我认为您无法直接应用样式对象。从官方文档中，我认为您可能需要为属性传递样式对象＆＃34; iconStyle＆＃34;在您的组件中，请点击此处http://www.material-ui.com/#/components/icon-button。