如何在我自己的高阶组件(hoc)中使用带路由器hoc的React路由器?

我有一个高阶组件,它使用 location.search 由React Router提供的构造 queryParams 对象并将其作为一个道具传递到其包装的组件。

function withQueryParams(WrappedComponent) {
    return (props) => {
        const queryParams = myUtils.parseParams(props.location.search); // props.location provided by React Router
        const newProps = {
            ...props,
            queryParams: queryParams
        }

        return <WrappedComponent {...newProps} />
    }
}

export default withQueryParams

我会这样使用它:

class MyComponent extends React.Component { ... }

export default withQueryParams(MyComponent)

当然我会包起来的 MyComponent 在一条路线上:

<Route path="/mycomponent" component={MyComponent} />

但回到我的 withQueryParams 我想确保 props.location 总是可用的,这意味着我希望它总是有来自React路由器的道具。进入 withRouter 它本身是由react路由器提供的hoc,您可以使用它来提供这些属性。

最好的使用方法是什么 屋外的 在我的内心 拒绝帕拉斯 特设以确保 方位位置 有空吗?

谢谢。