javascript - 如何从 React Native 输入字段获取值？

Question

我有一个具有以下状态的登录表单组件:

  constructor(props) {
    super(props);

    this.state = { email: '', password: '', error: '' };

    this.handleOnPress = this.handleOnPress.bind(this);
  }

handleOnPress 只是记录 this.state.email，如下所示:

  handleOnPress() {
    const { email, password } = this.state;

    console.log(email);
  }

我有一个自定义输入组件:

  <Input
    value={this.state.email}
    placeholder="email@gmail.com"
    onChange={email => this.setState({ email })}
    label="Email"
  />

定义如下:

  <TextInput
    style={styles.input}
    value={value}
    onChange={onChange}
    placeholder={placeholder}
    autoCorrect={autoCorrect}
    secureTextEntry={secureTextEntry}
  />

因此，当点击按钮时，控制台中会记录以下内容:

代理{dispatchConfig:{…}，_targetInst:FiberNode，isDefaultPrevented:f，isPropagationStopped:f，_dispatchListeners:null，…}

不应该记录输入字段的值，而不是上面的对象吗？我做错了什么？

Answer 1

看来我使用了错误的 Prop 。应该是 onChangeText 而不是 onChange，因为 onChangeText 接受回调的参数。