jjzjj

withRouter

全部标签

javascript - 通过 React Router 的 withRouter HOC 转发 ref

我想设法专注于我用withRouter包装的组件。但是,当我给组件一个ref时,我收到一条关于将ref分配给无状态组件的警告。我假设这是因为ref被附加到withRouterHOC而不是我的组件,因为它是有状态的。我的一般设置如下所示://InnerComponent.jsclassInnerComponentextendsComponent{constructor(props){super(props);}}exportdefaultwithRouter(InnerComponent);//App.jsclassAppextendsComponent{constructor(prop

javascript - 将 hoist-non-react-statics 与 withRouter 一起使用

如何使用hoist-non-react-statics和withRouter我在Feedback组件中添加了一个静态方法。这是我的原始代码。我正在尝试使用ContextAPI中的新更改(reactv16.6)Feedback.contextType=AppContext;exportdefaultwithRouter(Feedback);这工作正常,但我在控制台中收到以下警告。Warning:withRouter(Feedback):FunctioncomponentsdonotsupportcontextType.因此,为了修复警告,我使用了Danhere提出的方法.它在react中

javascript - 未捕获的 TypeError : (0 , _reactRouter.withRouter) 在 react-router 2.4.0 中以编程方式导航到路由时不是函数

我正在使用react-router2.4.0并想以编程方式链接到另一条路线(我在使用之前所做的)。这在SOpost中有很好的解释他们在2.4.x中说的地方你应该使用withRouter的装饰模式,所以我使用以下代码:import{withRouter}from'react-router'//furtherimportsomittedclassCreateJobItemFormRawextendsReact.Component{...}constCreateJobItemForm=withRouter(CreateJobItemFormRaw)exportdefaultCreateJob

javascript - connect 和 withRouter 问题

我正在为我的项目使用Redux和React。我在App.js中有一些路由。我也在我的项目中使用react-redux中的connect函数。为了防止更新阻塞问题,我通常以这种方式包装我的组件withRouter(connect(mapStateToProps,mapDispatchToProps)(App)),但是,如果我更改了withRouter的顺序并连接它就不起作用了:connect(mapStateToProps,mapDispatchToProps)(withRouter(App))我在App.js中有console.log属性。它已经收到位置和历史Prop。我正在弄清楚为什

javascript - 在 React 中使用 react-router 4 和 styled-component 时,不应在 Router 外部使用 Route 或 withRouter()

我正在尝试构建我的第一个投资组合网站,但在使用react-router-dom4.2.2和styled-components2.2.3进行路由时遇到了困难。错误信息:你不应该在Router之外使用Route或withRouter()我也尝试使用Link而不是NavLink,但也出现了错误(你不应该在Router之外使用Link)请有人帮助我。navigationBar.jsimportReact,{Component}from'react';import{NavigationContainer,NavItem}from'./navigationBar.style';classNavig