在actioncreator/selector中获取路由参数

Get route params inside actioncreator/selector?

本文关键字：获取 路由 参数 selector actioncreator      更新时间：2023-09-26

使用redux路由器，在我的组件中，我可以通过URL访问params对象的信息。

然而，在我的actioncreator中，我通过getState()获得状态，因此params道具没有被注入。

有办法解决这个问题吗?

要在动作创建器中获取访问参数，你应该传递它:

在组件

this.props.someAction(this.props.params)

in action creator

const someAction = (params)=>{
    let {data} = params;
    ....
}

在选择器中获取访问参数，你应该传递它:

在组件

const mapStateToProps=(state, ownProps)=({
  data:someSelector(state,ownProps.params)
})
在选择器

const someSelector=(state, params)={
   ..some computing
   return result
}

从getState()获得对路由器参数、路径名和查询的访问权限:

你需要安装redux-router

如果你已经在使用它，那么检查

1.路线

import { ReduxRouter } from 'redux-router';
<Provider store={store}>
     <ReduxRouter>
            <Route path="/" component={App}>
         //...routes
            </Route>
    </ReduxRouter>
</Provider>

2.减速器

import { routerStateReducer } from 'redux-router';
const reducer = combineReducers({
router: routerStateReducer,
...
});

3。存储增强

import { reduxReactRouter} from 'redux-router';
import { createHistory } from 'history';
import { compose, createStore, applyMiddleware } from 'redux';
const store = compose(
  applyMiddleware(m1, m2, ...),
  reduxReactRouter({
    createHistory
  })
)(createStore)(reducer);
相关文章：