地图函数内的输入文本不会改变本机反应

Question

当我尝试将输入文本更改为 return 之前的值时，我在输入文本方面遇到了问题，但在侧面地图功能中工作正常。但在它里面拒绝改变它的价值。我认为它会根据更改文本重新呈现自己。那么如何更改文本并保存名称

userdata.map((l, i) => (
                    <Input label='First Name' value={l.name}
                      onChangeText={setname} /> 
<Button title="Modify" onPress={() => 
                    modifyDetails(
                      name,
                      )
                    } />
))

编辑：根据 Mohammad 代码，我已完成此操作

<Modal
        animationType="slide"
        transparent={true}
        visible={modalVisible}
        onRequestClose={() => {
          Alert.alert("Modal has been closed.");
        }}
      >
        <ScrollView>
          <View style={styles.centeredView}>
            <View style={styles.modalView}>
              <TouchableHighlight
                  onPress={() => {
                    setModalVisible(!modalVisible);
                  }}
                >
                    <Text style={styles.textStyleClose}>X</Text>
                </TouchableHighlight>
                   <UserDataWithCallback/> // inputs called here
            </View>
          </View>
        </ScrollView>
</Modal>

但现在呈现空输入。任何解决方案。

Answer 1

useCallback 将解决您的问题。\

const userDataWithCallback = React.useCallback((l, i) => {
   return (
      <> // maybe a key prop is needed too
         <Input
            label='First Name'
            value={l.name}
            onChangeText={setname} /> 

         <Button
            title="Modify"
            onPress={() => modifyDetails(name)} />
      </>
  )
}, [])

userdata.map((l, i) => (
   userDataWithCallback(l, i)
))

地图函数内的输入文本不会改变本机反应

Input text inside a map function does not change react native

react-native

react-native-elements