使用Link标签后报错

Question

useHref() may be used only in the context of a component. 使用react-router-dom的Link组件之后，报错

Answer 1

提问者 weixin_慕尼黑2239534 2021-05-19 10:33:11

我是在Table组件的co'lumns里面使用的,render函数 直接return <Link to={project.id}>{project.name}</Link> 就会报错，我换成其他标签或者button就不会又这个问题，我就怀疑是link的问题，但是没找到解决方法， react-router-dom的版本跟视频中的是一致的

Answer 2

慕粉171731593 2022-04-07 18:22:34

已解决

Answer 3

Nolan 2021-05-19 10:06:59

检查是不是有组件放在<Router>外面了

• 慕用8523549 #1

  把“<ProjectListScreen />”放在 <BrowserRouter>就不会有问题了。
   <BrowserRouter>
            <ProjectListScreen />
            <Routes>
              <Route path={'/projects'} element={<ProjectListScreen/>} />
              <Route path={'/projects/:projectId/*'} element={<ProjectScreen/>}/>
            </Routes>
          </BrowserRouter>

• 慕先生0497617 回复 慕用8523549 #2

  我试了这样也不行