這是我嘗試這樣做的方法，但沒有奏效
useEffect(() => {
try {
const response = async() => {
await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')}
console.log(response.data)
} catch (e) {
console.log(e);
}
})
所以它應該查看類組件
async componentDidMount() {
try {
const response = await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')}
console.log(response.data)
} catch (e) {
console.log(e);
}
}
uj5u.com熱心網友回復：
我相信您忘記使用回應將其轉換為可用資料
useEffect(() => {
try {
const response = async() => {
await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')}
const dataUser = await response.json(); //THIS LINE
console.log(dataUser)
} catch (e) {
console.log(e);
}
})
所以它應該查看類組件
async componentDidMount() {
try {
const response = await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')}
const dataUser = await response.json(); //THIS LINE
console.log(dataUser)
} catch (e) {
console.log(e);
}
}
我在這個 Github 存盤庫中有幾個例子
uj5u.com熱心網友回復：
您必須定義一個函式并在之后呼叫它
useEffect(() => {
const fetchData=async()=>{
try {
const response = async() => {
await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')}
console.log(response.data)
} catch (e) {
console.log(e);
}
};
fetchData();
})
uj5u.com熱心網友回復：
您將回應定義為一個函式（從未使用過），而不是進行請求呼叫。也許這是做你想做的事情的正確方法。
useEffect(async () => {
try {
const response = await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')
console.log(response.data)
} catch (e) {
console.log(e);
}
})
如果它不起作用，請嘗試像這樣拆分您的請求函式和 useEffect（也許 useEffect 不允許異步函式作為其引數）。
async function request(){
const response = await axios.get('https://prectik-87c20-default-rtdb.europe-west1.firebasedatabase.app/quizes.json')
console.log(response.data)
}
useEffect(async () => {
try {
request()
} catch (e) {
console.log(e);
}
})
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/450522.html