2016-11-26 11 views
1

Ich versuche react-select Komponente für einfache select mit multiple Optionen zu setzen, aber ich kann es nicht funktioniert bekommen, obwohl es alles ist gesetzt, wie docs sagen. Wenn multifalse ist, funktioniert Select wie beabsichtigt mit einem value zu einer Zeit, aber wenn ich multi={true} setze, zeigt es value als undefined.reagieren: Wählen Sie mehrere Option

Wenn ich in handleChange()event.target.value geben gibt es undefined aswell so thats, warum ich nur event.value verwendet haben obj Eigenschaft zu greifen. Ich bin Neuling noch zu reagieren, so irgendwelche Tipps über state würden schätzen, wenn ich falsch hier etwas zu tun, bin -_-

class StatisticsFilter extends Component { 
    constructor(props) { 
    super(props); 
    this.state = {value: ''}; 

    this.handleChange = this.handleChange.bind(this); 
    } 
    handleChange(event) { 
    this.setState(event.value); 
    } 

const options = 
[ 
    { 
    value: 'foo', label: 'Foo' 
    }, 
    { 
    value: 'bar', label: 'Bar' 
    }, 
    { 
    value: 'baz', label: 'Baz' 
    } 
]; 

    render() { 
    return (
      <Select 
       value={this.state.value} 
       name="filter__statistics" 
       options={options} 
       onChange={this.handleChange} 
       multi={true} 
      /> 
    ); 
    } 
} 

Mit react-select v. 1.0.0rc.

+0

Mögliches Duplikat von [Abrufen des Werts von