私はReactNativeを初めて使用し、textInputに入力したものを1つずつ取得できません。
例:いくつかの名前を入力した場合、1つずつ表示されるはずです...
state = {
name: "",
showName: false
};
buttonClickListner = e => {
const { showName } = this.state;
this.setState({ showName: true });
};
render() {
const { name } = this.state;
return (
<TextInput
style={{ height: 150 }}
placeholder="Enter a Name...."
value={name}
onChangeText={val => {
this.setState({
name: val
});
}}
/>
<Button
onPress={this.buttonClickListner}
title="Submit"
color="#008000"
/>
<Text>{(showName = true ? name : null)}</Text>
);
}
}
私はあなたが必要なことをしました。そのTextInputに入力する名前のシーケンスが必要ですが、文字列を使用することはできません。入力するすべての値を表示するには、配列を取得する必要があります。
export default class App extends React.Component {
state = {
name: [],
showName: false,
text:""
};
buttonClickListner = e => {
this.state.name.push( this.state.text.toString() );
this.setState({text:""})
};
render() {
const { name } = this.state;
return (
<View>
<TextInput
style={{ height: 150 }}
placeholder="Enter a Name...."
value={this.state.text}
onChangeText={val => {
this.setState({
text: val
});
}}
/>
<Button
onPress={this.buttonClickListner}
title="Submit"
color="#008000"
/>
{this.state.name.length>0?this.state.name.map(item=>(<Text>{item}</Text>)):null}
</View>
);
}
}
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加