Блог

У меня проблема с вводимым текстом, когда я пытаюсь изменить его, возврат к предыдущему значению работал нормально из функции боковой карты. но внутри он отказывается менять его значение. Я думаю, что он повторно отображает себя при изменении текста. итак, как мне изменить текст и сохранить имя

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

Редактировать: Основываясь на коде Мохаммеда, я сделал это

 <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>
 

Но теперь отображает пустые входные данные. Любое решение.

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)
))