小编Ant*_*ton的帖子

如何同步Redux状态和url查询参数

我有一个带搜索面板的网页.搜索面板有几个输入字段:id,size,...

我想要的是当用户设置搜索值(例如:id = 123和size = 45)并按下搜索按钮时:

  1. 应使用新搜索值(id = 123和size = 45)更新Redux reducer中的searchState
  2. 网址应更改为" http:// mydomain/home?id = 123&size = 45 "

另一方面,如果用户将URL更改为http:// mydomain/home?id = 111&size = 22,则:

  1. reducer中的searchState应该用新的搜索值更改(id = 111和size = 22)
  2. UI搜索面板输入应使用新值更新(id = 111和size = 22)

如何达成目标?我应该使用什么路由器(react-router,redux-router,react-router-redux ot other)?

react-router redux-framework redux react-redux react-router-redux

64
推荐指数
4
解决办法
3万
查看次数

在Redux中间件中使用React-intl已翻译的消息

我在我的应用程序中支持多种语言,并为此使用React-intl.我有Redux中间件,我在那里调用服务器,如果出现错误,我想在UI上显示错误.

我知道我可以这样做:

1)使用消息密钥从中间件调度操作:

{type: SHOW_ERROR, message: 'message_error_key'}
Run Code Online (Sandbox Code Playgroud)

2)在我的React组件中使用:

<FormattedMessage id={this.props.message_error_key}/>
Run Code Online (Sandbox Code Playgroud)

但有没有办法从中间件发送已翻译的消息的动作?

{type: SHOW_ERROR, message: [translated_message_should_be_here]}
Run Code Online (Sandbox Code Playgroud)

reactjs redux-framework redux react-intl react-redux

10
推荐指数
3
解决办法
5581
查看次数