Javascript 如何从本机输入字段中获取值?

Javascript 如何从本机输入字段中获取值?,javascript,reactjs,react-native,Javascript,Reactjs,React Native,我有一个具有以下状态的登录表单组件: constructor(props) { super(props); this.state = { email: '', password: '', error: '' }; this.handleOnPress = this.handleOnPress.bind(this); } handleOnPress只需记录此.state.email,如下所示: handleOnPress() { const { e

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

  constructor(props) {
    super(props);

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

    this.handleOnPress = this.handleOnPress.bind(this);
  }
handleOnPress
只需记录
此.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"
  />
this.setState({email})}
label=“电子邮件”
/>
定义如下:

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

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

Proxy{dispatchConfig:{…},_targetist:FiberNode,isDefaultPrevented:ƒ,isPropagationStopped:ƒ,_dispatchListeners:null,…}


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

看起来我用错道具了。应该是
onChangeText
而不是
onChange
,因为
onChangeText
接受回调参数。

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

您需要这样做

onChange={event => this.setState({ email:event.target.value })}
你需要这样做

onChange={event => this.setState({ email:event.target.value })}

谢谢,但我更喜欢使用
onChangeText
,要写的代码稍微少一点:)谢谢,但我更喜欢使用
onChangeText
,要写的代码稍微少一点:)