有什么方法可以在不键入[0]的情况下在屏幕上打印数据

时间:2020-08-25 07:02:37

标签: json react-native

我想知道如何在react navite fetch中使用json输出值。我们遵循以下路径在屏幕上打印出想要的部分。如您在下面编写的代码中所见,我使用此代码在屏幕上打印“语言”中指定的单词。 setKey (json.langs [0] .languages);,但我很好奇。如果不在此处键入[0],就无法在屏幕上打印数据。因此,我们每次必须输入这样的值。

  const DataUrl = "https://www.wbPage.com/json.php"; 

  const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]); 
  const [languages, setKey] = useState([]);
 

  useEffect(() => {
    fetch(DataUrl)
     .then((response) => response.json())
     .then((json) => { 
       setData(json.langs);
       setKey(json.langs[0].languages);
     })
     .catch((error) => alert(error))
     .finally(() => setLoading(false));
  }, []);
   

  return (
    <View style={styles.container}>
      {
        isLoading ? (
          <ActivityIndicator/>
        ) : (
        <View>
          <Text>{languages}</Text> 
        </View>
      )}
    </View>
  );

json.php

{
    "status": true,
    "langs": [
        {
            "languages": "Languages"
        }
    ],
    "user": [
        {
            "user_id": "1",
            "user_name": "eveto",
            "user_fullname": "test user"
        }
    ],
    "configuration": [
        {
            "configuration_id": "1",
            "script_name": "test",
            "script_logo": "logo_15884959233.png",
            "script_title": "test Platform"
        }
    ],
    "interesteds": [
        {
            "interested_id": "7",
            "interested_user_id_fk": "44",
            "interested_type_value": "pizza",
            "interested_type": "type_eating",
            "base_url": "http://www.wbPage.com/"
        },
        {
            "interested_id": "8",
            "interested_user_id_fk": "44",
            "interested_type_value": "eating_with_friends",
            "interested_type": "type_eating",
            "base_url": "http://www.wbPage.com/"
        }
    ]
}

0 个答案:

没有答案