Как отредактировать значение в TextInput React native?

#reactjs #react-native

#reactjs #react-native

Вопрос:

Установка значения для текстового ввода из состояния и обновление состояния при изменении текста. По-прежнему значение в текстовом вводе не меняется. При запуске в симуляторе проблем нет. Это происходит только при запуске на устройстве. Тот же код, никаких проблем с устройством Android и эмулятором.

 class CompanyDetailsInput extends Component {
constructor(props) {
    super(props)

    this.state = {
        email: props.profile.Email,
    }

render() {
    return (


                    <TextInput
                        value={this.state.email}
                        editable={this.props.editable}
                        onChangeText={(email) => {
                            this.email(email)
                        }}

                        autoCorrect={false}
                        blurOnSubmit={false}
                        returnKeyType={"next"}
                        keyboardType={"default"}
                    </TextInput>
)}
}
  

Комментарии:

1. Пожалуйста, предоставьте код для понимания и точного решения.

Ответ №1:

вам понадобится setState ваш onChangeText , поэтому;

 class CompanyDetailsInput extends Component {
constructor(props) {
    super(props)

    this.state = {
        email: props.profile.Email,
    }

render() {
    return (
        <TextInput
          value={this.state.email}
          editable={this.props.editable}
          onChangeText={(x)=> this.setState({ email: x })}
          autoCorrect={false}
          blurOnSubmit={false}
          returnKeyType="next"
          keyboardType="default"
        />
       )
      }
     }