Блог

Каждый раз, когда я выбираю значение в своем средстве выбора, которое содержится в моем модальном, мой модальный немедленно закрывается. Мой список для выбора загружен правильно. Я думаю, что это как-то связано с моим изменением значения. Похоже, там что-то вызывает повторный запуск.

console.log(друг) показывает мне выбранное значение. Есть идеи, как это отладить?

   const [friend, setFriend] = useState("");
  const [modalVisible, setModalVisible] = useState(false);
  const [selectedId, setSelectedId] = useState(null);

  const allFriendlist = useSelector(
    (state) => state.reducer.availableFriendlist
  );
  const Item = () => (
    <View style={styles.formContainer}>
      <Modal animationType="slide" transparent={true} visible={modalVisible}>
        <View>
          <View>
          </View>
        </View>
        <Picker
          selectedValue={friend}
          onValueChange={(desc) => setFriend(desc)}
        >
          <Picker.Item label="pick a friend" value="" color="grey" />
          {allFriendlist.map((item, index) => {
            return (
              <Picker.Item
                label={item.id}
                value={item.id}
                key={index}
                color="#E9446A"
              />
            );
          })}
        </Picker>
      </Modal>

      <TouchableOpacity
        onPress={() => {
          setModalVisible(true);
          getDetails(props);
        }}
      >
        <View></View>
      </TouchableOpacity>
    </View>
  );

  return (
    <View>
      <TouchableOpacity>
        <Item
          item={props}
          onPress={() => {
            getDetails(props);
            setSelectedId(props.ID);
            setModalVisible(true);
          }}
        />
      </TouchableOpacity>
    </View>
  );
}