react-native：重新渲染后字母消失在react-native的当前页面上

Question

移动页面后通过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>

页面移动后

重新渲染后

Answer 1

我认为你的情况不是 re-rendering，而是 refreshing。

有什么区别？
re-rendering 更新状态后发生。
refreshing 在编辑器中编辑文件后发生。

如果您的情况确实是 refreshing，请不要担心它只发生在 development 调试版本中，而不是发布版本中。

react-native：重新渲染后字母消失在react-native的当前页面上

react-native: Letters disappear after re-rendering On the current page in react-native

letter

react-native

viewdiddisappear