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
,要写的代码稍微少一点:)