使用this.state.maps在React Native的动态数组中获取信息的onChangeText

问题描述

这是我的状态，我正在尝试更改谁的内部信息。

state = {
     info: [
          {
              who:'Player 1',},{
              who:'Player 2',]
   }

当我尝试执行onChangeText时。我正在尝试将“谁”输入用户输入的任何名称，但不确定如何操作。

{this.state.info.map((e) => (
     <View style={styles.buttons}>
          <TextInput style={styles.txt}
                 onChangeText={(e.who) => this.setState({e.who})}
          />
          value={e.who}
     </View>
))}

解决方法

尝试此代码，我使用了功能组件

const [info,setInfo] = useState([
    {
      who: 'Player 1',},]);
const [texts,setText] = useState('');

return (
  {info.map((e,index) => (
    <View key={index}>
      <Text>{e.who}</Text>
    </View>
  ))}
  <TextInput onChangeText={setText} value={texts} />
  <Button
    title="input"
    onPress={() => {
      setInfo([...info,{ who: texts }]);
      setText('');
    }}
  />
)