42得票10回答
React库中的React hooks出现"Invalid hook call error"错误

我使用https://www.npmjs.com/package/create-react-library创建了一个React库。 并已成功地在其他React项目中使用它。 但当我尝试在库中使用React Hooks功能时,会出现以下错误。Invalid hook call. Hooks ca...

41得票6回答
v6中可选参数的替代方法

在v5中,我们可以在路由中为可选参数添加尾随的?,但是在v6中,对于相同的支持已被删除,那么编写以下代码的替代方法是什么? <Route path="/cart/:id?" component={<CartPage />} /> 在v6中,您可以使用:id?语法来指...

40得票13回答
React-Router在生产环境和Surge部署中无法工作。

我的React应用在本地环境下运行良好,但是当我在gh-pages或surge上部署后,无法使用URL移动页面。 项目仓库链接 演示地址在这里 用户可以通过点击右上角的菜单项进入注册页面。但如果用户使用http://chat.susi.ai/signup/ URL,则会显示404页面。...

39得票4回答
React在路由参数或查询变化时不重新加载组件数据。

我有一个名为“home”的组件,其中包含链接,当您点击链接时,将使用产品组件加载产品。我还有另一个组件始终可见,显示最近访问的产品的链接。 当位于产品页面时,这些链接不起作用。单击链接时,url会更新并进行呈现,但产品组件不会使用新产品进行更新。 请参阅此示例: Codesandbox示例...

39得票5回答
能否在react-router中使用material-ui按钮导航?

我有一个使用 material-UI 设计的 Web 应用程序,从下面可以看到,我正在使用按钮导航来浏览我的基本登陆页面组件。<div className="footer"> <BottomNavigation value={value} onChange={this.h...

38得票10回答
React Router Dom:Root Navlink 总是获取活动类

我正在使用react-router-dom: 4.2.2。我可以将activeClassName添加到当前URL中。但是,令人惊讶的是,该类总是添加到根URL中。 在访问页面时,例如像下面截图中的错误页面,主页NavLink也会获得activeClass。 更新: 在上面的截图中,我展...

38得票6回答
如何正确使用来自react-router-dom的useHistory()?

如何正确使用useHistory()?我无法从一个React组件过渡到另一个组件。 根据React文档和这里在Stack Overflow上的指导,我无法从App.js过渡到MyComponent.js。 例如-我正在尝试/* **App.js ** */ /* Import modules ...

37得票3回答
React-Router 4.0、React-Router-Dom和React-Router-Redux有何区别?

我正在实现React应用程序中的路由。我对React-Router 4.0相对于React-Router-Redux的优劣势感到困惑,同时也对React-Router-Dom感到困惑。 React-Router-Redux、React-Router 4.0和React-Router-Dom相...

37得票6回答
react-router v6:如何使用searchParams导航到URL

我正在使用React-Router v6。我希望导航到带有searchParams的URL,但是我没有看到可以直接完成这个功能的方法。useNavigate允许我通过传递字符串来导航到URL。useSearchParams允许我在当前页面上设置searchParams。 我可以使用create...

34得票2回答
React-router:一旦组件被挂载,即使路由更改,也不要卸载该组件。

我有一个React应用程序,声明了一些路由: <Switch> <Route exact path={'/'} render={this.renderRootRoute} /> <Route exact path={'/lostpassword'} co...