如何在react js中进行编程导航

Question

我正在学习react js。我遇到了这个问题。当我点击登录按钮时，我得到一个错误

TypeError: Cannot read property 'push' of undefined

这是我的代码：

import { useHistory } from 'react-router-dom';
function App() {
let history = useHistory();
const handleclick = () => {
history.push("/dashboard");
}
return (
<Button type="submit" class="btn btn-danger mt-2" onClick={ handleclick }> Login </Button>
)
}
export default App;

Answer 1

您的index.js组件中缺少标记。

ReactDOM.render(<Router><App /></Router>, document.querySelector('#root'));