Блог

После перемещения страницы удалось отобразить данные, полученные через axios. Но когда он перерисовывается, буквы исчезают. Я не знаю, в чем проблема.

 const MyPage = ({ navigation, info }) => {
  const [userInfo, setUserInfo] = useState();
  const getData = async () => {
    try {
      axios
        .get(
          "http://everyweardev-env.eba-azpdvh2m.ap-northeast-2.elasticbeanstalk.com/api/v1/user"
        )
        .then((res) => res)
        .then((data) => {
          setUserInfo(data.data.data.result);
        })
        .catch((err) => console.log(err));
    } catch (error) {}
  };
  useEffect(() => {
    const unsubscribe = navigation.addListener("focus", () => {
      getData();
    });
    return unsubscribe;
  }, [navigation]);

 
  return (
    <View style={styles.container}>
      {/*프로필*/}
      <View style={styles.profileContainer}>
        <Image source={require("../../images/profile.png")} />
        <View style={styles.profileName}>
          <TouchableHighlight>
            <>
              <Text
                style={{
                  fontWeight: "bold",
                  marginBottom: hp("1%"),
                  fontSize: wp("7%"),
                }}
              >
                {userInfo?._name} 님
              </Text>
              <Text
                style={{
                  fontSize: wp("5%"),
                }}
              >
                {userInfo?._mail}
              </Text>
 

После перемещения страницы

После повторного разрыва

я думаю, что ваше дело не re-rendering в этом, а в этом refreshing .

в чем разница?
re-rendering происходит после состояния обновления.
refreshing происходит после редактирования файлов в вашем редакторе.

если ваш случай действительно refreshing таков, не беспокойтесь об этом development , это просто произошло во время сборки отладки, а не в сборке выпуска.