标签: redux-framework

我有一个带搜索面板的网页.搜索面板有几个输入字段: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)？

在Redux中,我可以轻松订阅商店更改

store.subscribe(() => my handler goes here)

但是,如果我的商店充满了不同的对象,并且在我的应用程序中的某个特定位置,我想订阅仅在商店中的特定对象中进行的更改？

我正在使用react-redux和标准的react-routing.我需要在明确的行动后重定向.

例如:我已经注册了几个步骤.行动结束后:

function registerStep1Success(object) {
    return {
        type: REGISTER_STEP1_SUCCESS,
        status: object.status
   };
}

我希望他使用registrationStep2重定向到页面.怎么做？

ps在历史浏览器中,'/ registrationStep2'从未出现过.此页面仅在成功结果registrationStep1页面后出现.

我想知道使用Redux的人们是如何接近他们的后端持久性的.特别是,您是将"操作"存储在数据库中还是仅存储应用程序的最后已知状态？

如果要存储操作,是否只是从服务器请求它们,然后在给定页面加载时重放所有这些操作？这可能导致一些大型应用程序存在大量行为的性能问题吗？

如果您只存储"当前状态",那么在客户端执行操作时,您在任何给定时间实际上是如何持久保持此状态的？

有没有人有一些代码示例,说明他们如何将redux reducer连接到后端存储api？

我知道这是一个非常"取决于你的应用程序"类型的问题,但我只是在思考一些想法,并试图了解这种"无状态"架构如何在全栈意义上工作.

感谢大家.

我有一个动作/减速器/组件.在我的一个组件(组件转储)中,我有一个Select.我得到有关我的商店的过滤器类型的信息.我在哪里可以处理它或减速机？

在Redux中将多个状态与相应的动作创建者连接的正确方法是什么？这是一个好主意吗？如果这是一个愚蠢的想法,我该如何解决？

export default connect(

// which part of the Redux global state does
// our component want to receive as props?
(state) => {
  return {
    state: state.instagram
  };
},

// which action creators does
// it want to receive by props?
(dispatch) => {
  return {
    actions: bindActionCreators(instagramActions, dispatch)
  };
}

)(FeedContainer);

我基本上想要的是这样的:

...
state: {state.instagram, state.facebook}
...

...
const mergedActions = {instagramActions, facebookActions};
actions: bindActionCreators(mergedActions , dispatch)
...

我的wordpress代码中有一个小问题我需要在我的页面中显示wordpress wp_editor,其中包含值数组.值定义如下

    $fields[] = array(
        'name' => __('Class', 'my-theme'),
        'desc' => __('', 'my-theme'),
        'id' => 'class'.$n,
        'std' => ( ( isset($class_text[$n]['class']) ) ? $class_text[$n]['class'] : '' ),
        'type' => 'text');

当我像上面的数组一样定义我的wp_editor时,它不会显示我想要的位置.相反,所有编辑器都显示在所有页面中的任何内容之前的顶部.

我为编辑器尝试了以下一组数组:

    $fields[] = array(
        'name' => __('My Content', 'my-theme'),
        'id' => 'sectioncontent'.$n,
        'std' => ( ( isset($class_text[$n]['content']) ) ? $class_text[$n]['content'] : '' ),
        'type' => wp_editor( '', 'sectioncontent'.$n ));

附上我的问题的形象:

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

我知道我可以这样做:

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

{type: SHOW_ERROR, message: 'message_error_key'}

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

<FormattedMessage id={this.props.message_error_key}/>

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

{type: SHOW_ERROR, message: [translated_message_should_be_here]}

我有一个已OAuth2实施的应用程序.它工作正常,但我在refresh_tokens这里很困惑.我的应用正在使用React+ Redux组合.

我知道我需要检查我是否access_token已过期,然后要求使用新的refresh_token.好的......但什么时候应该刷新它？在之后401发生或时一些API需要授权请求已准备好(之前发送)？

我也知道如何使用HTTP拦截器API在发送或检测401响应之前获取所有请求.问题是我很困惑如何解决Redux流程中的问题.如何"冻结"令牌刷新时间的请求？或者当我在401响应中解决问题时如何重复请求？

我想了解Redux并遇到一些困难.

我理解combineReducer的概念,即....

var reducer = combineReducers({
    user: userReducer,
    products: productsReducer
})

但是,如果我有数千种产品,只能在产品页面上找到.我不明白为什么我需要在root上加载它们; 对我而言,除非用户访问产品页面,否则这将减慢应用程序的初始启动速度.

这是与redux的关系吗？

我想使用自定义字段在redux wordpress框架中创建新字段,但我找不到任何使用它的帮助或示例.

我想创建一个带有开关和文本字段的字段.

任何建议都非常感谢.

我正在使用一个wordpress主题,它有自己的框架,它基于我认为的redux框架.我正在使用子主题修改此主题.我想在后端添加主题选项,我在父主题的文件中找到了一个似乎正是我需要的函数:

/*
 *
 * Custom function for filtering the sections array. Good for child themes to override or add to the sections.
 * Simply include this function in the child themes functions.php file.
 *
 * NOTE: the defined constansts for URLs, and directories will NOT be available at this point in a child theme,
 * so you must use get_template_directory_uri() if you want to use any of the built in icons
 *
 */
function add_another_section($sections){
    //$sections = array();
    $sections[] = …