Material UI Field multiselectを選択してください

Question

私は数回、ドキュメントの例を試しました。しかしそれは私のためにうまくいかなかった。 いずれかが ....私を助けることができる、これはコード

import React, {Component} from 'react'; 
import SelectField from 'material-ui/SelectField'; 
import MenuItem from 'material-ui/MenuItem'; 

const names = [ 
    'Oliver Hansen', 
    'Van Henry', 
    'April Tucker', 
    'Ralph Hubbard', 
    'Omar Alexander', 
    'Carlos Abbott', 
    'Miriam Wagner', 
    'Bradley Wilkerson', 
    'Virginia Andrews', 
    'Kelly Snyder', 
]; 

/** 
* `SelectField` can handle multiple selections. It is enabled with the `multiple` property. 
*/ 
export default class SelectFieldExampleMultiSelect extends Component { 
    state = { 
    values: [], 
    }; 

    handleChange = (event, index, values) => this.setState({values}); 

    menuItems(values) { 
    return names.map((name) => (
     <MenuItem 
     key={name} 
     insetChildren={true} 
     checked={values && values.indexOf(name) > -1} 
     value={name} 
     primaryText={name} 
     /> 
    )); 
    } 

    render() { 
    const {values} = this.state; 
    return (
     <SelectField 
     multiple={true} 
     hintText="Select a name" 
     value={values} 
     onChange={this.handleChange} 
     > 
     {this.menuItems(values)} 
     </SelectField> 
    ); 
    } 
} 

http://www.material-ui.com/#/components/select-field

選択財産作品ですが、それは複数のオプションを選択しdoesntの。私がstates.valueをチェックすると、値の配列ではなく単一の値だけが含まれます

Answer 1

この例は私にとってはうまくいきませんでした。

handleChange(event, index, values) { 
    this.setState({ 
    values: [...this.state.values , values] 
    }); 
    } 

EDIT：私は材料-UIの私のバージョンを更新する例からhandleChange機能は次のようになりますので、手動での状態に新しい値を追加する必要が複数選択機能を追加するには最新の安定したバージョンとその例は、魅力のように働いた