onChangeText 用于 React Native 中动态数组内的信息 this.state.maps

Question

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

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

当我尝试执行 onChangeText 时。我正在尝试将 'who' 变成用户输入的任何名称，但我不确定该怎么做。

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

Answer 1

试试这个代码，我用过 functional-component

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('');
    }}
  />
)

onChangeText 用于 React Native 中动态数组内的信息 this.state.maps

onChangeText for info inside dynamic array in React Native with this.state.maps

dynamic-arrays

react-native