React-Native：为什么有些内容显示在 expo-Go 上，但没有显示在 webview 上？

Question

为什么在 expo-Go 上有显示但在 webview 上却没有显示？

一旦我将

return <Text>{data.id}</Text>

:: Line_17 更改为

return <Text>blablabla</Text>

， 它显示在 webview 和 expo go 上，但我想获取我的 API，所以我必须使用

{data.id}

。然而，它只在更改后才显示在 expo go 上。

---

更改后（预览）：

Expo-Go 景观

网页视图（浏览器）

---

这是我的代码（部分）：

app.js

function HomeScreen() {
  const [data, setData] = useState([]);
  const [loading, setLoading] = useState(true);
  const mojang_url = `https://jsonplaceholder.typicode.com/posts/1`
  useEffect(() => {
    fetch(mojang_url)
      .then(res => res.json())
      .then(json => setData(json))
      .catch(error => console.error(error))
      .finally(() => setLoading(false));
  }, [])

  const getContent = () => {
    if (loading) {
      return <Text>Loading...</Text>
    } else {
      return <Text>{data.id}</Text> // <<<<--------- :: Line 17
    }
  };

  return (
    <View style={styles.container}>
      <View style={styles.self}>
        <Text>test self</Text>
      </View>
      <SafeAreaView>
        <View style={styles.player}>
          <Text>Player_1</Text>
          <Text>{getContent()}</Text>
        </View>
      </SafeAreaView>
    </View>
  )
}

Answer 1

天哪，顺便说一句，最简单的就是不要使用该死的 mojang api 并使用其他开发人员的 v2 api。这是一个示例：https://github.com/Electroid/mojang-api