3
votes

Comment changer la valeur de l'entrée React native

Désolé, je suis nouveau dans React Native et je veux savoir comment modifier la valeur d'entrée actuelle?

Comme dans mon cas, si j'entre un nouveau mot directement en entrée, le mot précédent ou la valeur précédente de la valeur continuera à apparaître sans changer ni remplacer le nouveau.

android ios react-native

1 commentaires

Avez-vous essayé de mettre l'événement onChangeText, dans l'élément d'entrée?

3 Réponses :

4
votes

Bonjour, vous pouvez utiliser cette méthode:

this.state = {
  email: '13119165220',
}
onChangeText={text => this.setState({ email: text })}

0 commentaires

3
votes

Conservez la valeur de l'entrée dans l'état de votre composant qui contient ce composant TextInput .

class ParentComponent extends React.Component {
  constructor (props) {
    super(props)
    this.state = { queryText: '' }
  }

  handleInputTextChange = (newText) => {
    this.setState({ queryText: newText })
  }

  render () {
    return (<View>
      <TextInput 
        onChangeText={this.handleInputTextChange} 
        value={this.state.queryText}
      />
    </View>)
  }
}

Remarquez comment j'ai utilisé onChangeText et handleInputTextChange pour gérer de nouvelles valeurs.

0 commentaires

1
votes

Dans les composants fonctionnels, utilisez

export default () => {

const [text,setText] = React.useState("")

return <TextView
          value={text}
          onChangeText={setText} />
}

0 commentaires