Reactjs 材质UI:提供给classes属性的键“checked”对开关无效

Reactjs 材质UI:提供给classes属性的键“checked”对开关无效,reactjs,material-design,material-ui,Reactjs,Material Design,Material Ui,我正在重写Switch类,如以下url中所述: 为什么它不工作,即使我使用的是链接中提到的相同版本。请小心使用侦听函数和js正常函数。Listen函数需要在React中绑定,或者只使用myu函数=()=>{}。不要忘了从“物料界面/开关”导入开关 import React from 'react'; import Switch from 'material-ui/Switch'; class Switches extends React.Component { state = {

我正在重写Switch类,如以下url中所述:


为什么它不工作,即使我使用的是链接中提到的相同版本。

请小心使用侦听函数和js正常函数。Listen函数需要在React中绑定,或者只使用
myu函数=()=>{}
。不要忘了从“物料界面/开关”导入开关

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

class Switches extends React.Component {
  state = {
    checkedA: true,
    checkedB: true,
  };

  handleChange = name => event => {
    this.setState({ [name]: event.target.checked });
  };

  render() {
    return (
      <div>
        <Switch
          checked={this.state.checkedA}
          onChange={this.handleChange('checkedA')}
          value="checkedA"
        />
        <Switch
          checked={this.state.checkedB}
          onChange={this.handleChange('checkedB')}
          value="checkedB"
          color="primary"
        />
        <Switch value="checkedC" />
        <Switch disabled value="checkedD" />
        <Switch disabled checked value="checkedE" />
        <Switch defaultChecked value="checkedF" color="default" />
      </div>
    );
  }
}

export default Switches;
从“React”导入React;
从“物料界面/开关”导入开关;
类开关扩展了React.Component{
状态={
查克达:是的,
是的,
};
handleChange=name=>event=>{
this.setState({[name]:event.target.checked});
};
render(){
返回(
);
}
}
导出默认开关;

请参阅开关部分:

您能否共享包含上述开关组件的文件?
"material-ui": "1.0.0-beta.41",
"material-ui-icons": "1.0.0-beta.17"  
import React from 'react';
import Switch from 'material-ui/Switch';

class Switches extends React.Component {
  state = {
    checkedA: true,
    checkedB: true,
  };

  handleChange = name => event => {
    this.setState({ [name]: event.target.checked });
  };

  render() {
    return (
      <div>
        <Switch
          checked={this.state.checkedA}
          onChange={this.handleChange('checkedA')}
          value="checkedA"
        />
        <Switch
          checked={this.state.checkedB}
          onChange={this.handleChange('checkedB')}
          value="checkedB"
          color="primary"
        />
        <Switch value="checkedC" />
        <Switch disabled value="checkedD" />
        <Switch disabled checked value="checkedE" />
        <Switch defaultChecked value="checkedF" color="default" />
      </div>
    );
  }
}

export default Switches;