我想知道如何在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/"
}
]
}