在android中键入时,React native TextInput被清除
我最近一直在关注udemy上的react原生教程,但在androidv6.0上遇到了一个问题 我在在android中键入时,React native TextInput被清除,android,input,react-native,Android,Input,React Native,我最近一直在关注udemy上的react原生教程,但在androidv6.0上遇到了一个问题 我在LoginForm.js中包含一个名为Input的自定义TextInput组件,每当我在输入字段中键入时,整个文本都会被清除。我怀疑问题是由于LoginForm.js中包含的value属性造成的,因为当我删除它时,它似乎工作正常 我还没能解决这个问题。感谢您的帮助 LoginForm.js class LoginForm extends Component { state = { emai
LoginForm.js
中包含一个名为Input
的自定义TextInput
组件,每当我在输入字段中键入时,整个文本都会被清除。我怀疑问题是由于LoginForm.js
中包含的value
属性造成的,因为当我删除它时,它似乎工作正常
我还没能解决这个问题。感谢您的帮助
LoginForm.js
class LoginForm extends Component {
state = { email: '' };
render() {
return (
<Card>
<CardSection>
<Input
value={this.state.email}
label='Email'
placeHolder='Enter email to login'
onChangeText={() => { email => this.setState({ email }) }}
/>
</CardSection>
<CardSection>
</CardSection>
<CardSection>
<Button>
Login
</Button>
</CardSection>
</Card>
);
}
};
const Input = ({ onChangeText, value, label, placeHolder }) => {
return (
<View>
<Text>{label}</Text>
<TextInput
autoCorrect={false}
value={value}
style={styles.textInputStyle}
placeholder={placeHolder}
onChangeText={onChangeText} />
</View>
); };
此处可能存在错误:
onChangeText={()=>{email=>this.setState({email}}}
。切换到:onChangeText={(email)=>this.setState({email})}
Awesome!这很有效。我理解我的错误。
onChangeText={ (email) => this.setState({ email }) }