response是array我的API. 我將此傳遞variable給另一個組件以在 UI 中創建表。
const [response, setResponse]= useState([]);
useEffect(() => {
(
async () => {
await axios.get('http://localhost:3000/api/certificates').
then(response=>{
setResponse(response.data);
setFlag(true);
})
}
)()
}, []);
我用這response另一種component創建表。
const ResultTable = (response: any[]) => {
-----------code------
----------code------
}
我正在呼叫如下組件。
<tbody>
<ResultTable response={response}/> //this line giving error
</tbody>
我在做什么錯誤？
如果我喜歡下面
({response}: any[])
它不識別回應變數。我的檔案是.tsx
uj5u.com熱心網友回復：
您的ResultTable組件應如下所示，
const ResultTable = ({ response }) => {
-----------code------
----------code------
}
uj5u.com熱心網友回復：
嘗試將解構更新ResultTable為：
const ResultTable = ({response}: any[]) => {
-----------code------
----------code------
}
此外，將狀態初始化更新為
const [response, setResponse]= useState<any[]>([]);
uj5u.com熱心網友回復：
我也剛剛了解到這一點，但空陣列會自動推斷為“從不”型別。我相信如果您將 useState 掛鉤更改為：
useState([] as any);
它會起作用。
也把這個改成 const ResultTable = ({ response })
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/366601.html
標籤：javascript 反应 打字稿