在 actioncreator/selector 中获取路由参数？答案

【问题标题】：Get route params inside actioncreator/selector?在 actioncreator/selector 中获取路由参数？
【发布时间】：2016-10-30 09:00:57
【问题描述】：

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

但是，在我的 actioncreators 中，我通过 getState() 获取状态，因此 params 道具没有被注入。

有没有办法解决这个问题？

【问题讨论】：

详细说明您的具体案例并提供一些代码可以帮助其他人更好地帮助您。
状态和道具是不同的。你能解释一下你想做什么吗？

标签： javascript reactjs redux state

【解决方案1】：

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

在组件中

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

在行动创造者

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);

【讨论】：