標題
import react, { useEffect } from 'react';
import './styles.css';
export default function App() {
useEffect(() => {
fetch('https://jsonplaceholder.typicode.com/todos')
.then((response) => response.json())
.then((json) => json(data));
}, []);
return (
<div className='App'>
<button
onClick={() => {
console.log(data);
}}
>
submit
</button>
</div>
);
}
如果我嘗試使用函式撰寫相同的代碼，那么它會顯示錯誤
uj5u.com熱心網友回復：
您應該將 存盤data在狀態變數中以通過您的組件訪問它們：
import react, { useState, useEffect } from 'react';
import './styles.css';
export default function App() {
const [data, setData] = useState([]);
useEffect(() => {
fetch('https://jsonplaceholder.typicode.com/todos')
.then((response) => response.json())
.then((json) => setData(json));
}, []);
return (
<div className='App'>
<button
onClick={() => {
console.log(data);
}}
>
submit
</button>
</div>
);
}
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/512382.html