Wie die reagieren,-Muttersprachler Picker Aufenthalt im neu gewählten option?

Habe ich ein picker, ich bin testing auf iOS jetzt mit zwei Optionen. Jedes mal, wenn ich nach unten ziehen aus der ersten option auf die zweite option, der Kommissionierer sofort wieder auf die erste option.

Dies ist, was mein code für meine picker aussieht.

<Picker 
      style={{
        width: 100,
      }}
      selectedValue={(this.state && this.state.pickerValue) || 'a'}
      onValueChange={(value) => {
        this.setState({value});
      }} itemStyle={{color: 'white'}}>
      <Picker.Item label={'Hello'} value={'a'} />
      <Picker.Item label={'World'} value={'b'} />
</Picker>

Möchte ich den Wahlschalter für den Aufenthalt in der neu Bildlauf-option. Ich habe auch entfernt die || 'a' Teil der selectedValue - Attribut aber nicht, lösen das Problem entweder.

  • ändern onValueChange zu diesem.setState({pickerValue: Wert});
InformationsquelleAutor zavtra | 2016-06-02
  1. 26

    Wert ändern, müssen Sie angeben, welche Eigentum des Staates verändert, und ändern Sie es entsprechend mit diese.setState

    onValueChange={(value) => {this.setState({pickerValue: value});

    Komplette Code

    <Picker 
      style={{
        width: 100,
      }}
      selectedValue={(this.state && this.state.pickerValue) || 'a'}
      onValueChange={(value) => {
        this.setState({pickerValue: value});
      }} itemStyle={{color: 'white'}}>
      <Picker.Item label={'Hello'} value={'a'} />
      <Picker.Item label={'World'} value={'b'} />
</Picker>
    InformationsquelleAutor Nakib
  2. -4

    Habe ich dieses "hack":

    render() {
    const values = ['1', '2'];

    return (
      <Picker
        value={this.state.value}
        onValueChange={this.onValueChange.bind(this)}
      >
      {
                <Picker
                    value={this.state.value}
                    onValueChange={this.onValueChange.bind(this)}
                >
                {
                    [<Picker.Item
                        label="n/a"
                        value={null}
                    />].concat(values.map(value => {
                            return (
                                <Picker.Item
                                    label={value}
                                    value={value}
                                />
                            )
                            })
                    ) 
                }
                </Picker>
    );
  }
    • Die Antworten sind immer willkommen, diese Frage wurde gebeten, ein Jahr gemeldet, und hatte bereits eine akzeptierte Lösung. Bitte versuchen Sie es zu vermeiden "bumping" - Fragen an die Spitze, die von der Bereitstellung von Antworten zu Ihnen, es sei denn, die Frage wurde nicht schon als erledigt gekennzeichnet, oder Sie fanden, dass eine neue und verbesserte Lösung für das problem. Denken Sie auch daran, einige Rahmen um dein code um zu helfen, es zu erklären. Schauen Sie sich die Dokumentation auf schreiben tolle Antworten für einige Tipps, wie Sie Ihre Antworten rechnen 🙂
    • Dies ist die empfohlene Einrücken? Ich bin neu zu Reagieren,-Muttersprachler, Frage nur.
    InformationsquelleAutor Romer Maldonado
Schreibe einen Kommentar