如何解决我导入了`<Routing/>`
我将 <Routing/>
导入 Main App,然后出现错误 TypeError: Object(...) is not a function
。
我的应用程序在没有组件的情况下工作,但我需要修复这个错误。 请帮帮我。
const Routing = () => {
const history = useHistory();
const { state,dispatch } = useContext(UserContext);
useEffect(() => {
const user = JSON.parse(localStorage.getItem("user"));
if (user) {
dispatch({ type: "USER",payload: user });
} else {
if (!history.location.pathname.startsWith("/reset"))
history.push("/signin");
}
},[]);
return ();
};
function App() {
return (
<>
***<Routing />***
</>
);
}
解决方法
const Routing = () => <h1>Hello from Routing</h1>;
function App() {
return (
<>
<Routing />
</>
);
}
export default App;
带更正的完整代码:
const Routing = () => {
const history = useHistory();
const { state,dispatch } = useContext(UserContext);
useEffect(() => {
const user = JSON.parse(localStorage.getItem("user"));
if (user) {
dispatch({ type: "USER",payload: user });
} else {
if (!history.location.pathname.startsWith("/reset"))
history.push("/signin");
}
},[]);
return <></>;
};
function App() {
return (
<>
<Routing />
</>
);
}
export default App;
,
我修好了。我从“反应”中导入了 useHistory。这是错误的。正确答案:来自'react-router-dom'的useHistory
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。