我有一個正常的反應應用程式，使用反應路由器。嘗試在 Box.js 中獲取 url 引數時，出現此錯誤：無效的掛鉤呼叫。鉤子只能在函陣列件的主體內部呼叫。 這是代碼：
盒子.js
import React from 'react'
import { useParams } from "react-router-dom";
function Box()
{
let params = useParams();
return (
<div>
<h1>{params}</h1>
</div>
)
}
export default Box();
應用程式.js
import
{
Routes,
Route
} from "react-router-dom";
import Box from './Box';
function App()
{
return (
<div className="App">
<Routes>
<Route exact path="/palette/:id/:color" element={<Box />} />
</Routes>
</div>
);
}
export default App;
uj5u.com熱心網友回復：
匯出時不應呼叫函式。
import React from 'react'
import { useParams } from "react-router-dom";
function Box()
{
let params = useParams();
return (
<div>
<h1>{params}</h1>
</div>
)
}
export default Box;
uj5u.com熱心網友回復：
()從匯出部分洗掉
import React from 'react'
import { useParams } from "react-router-dom";
function Box(){
let params = useParams();
return (
<div>
<h1>{params}</h1>
</div>
)
}
export default Box;
uj5u.com熱心網友回復：
如果您使用的是 npm link 或任何其他庫，您的打包器可能會看到兩種不同的反應并顯示錯誤，請參見此處
或者你可以洗掉 ()
import React from 'react'
import { useParams } from "react-router-dom";
function Box()
{
let params = useParams();
return (
<div>
<h1>{params}</h1>
</div>
)
}
export default Box();
轉載請註明出處，本文鏈接：https://www.uj5u.com/caozuo/396984.html
標籤：javascript 反应