Redux中调用（辅助）函数

我正在使用与React-Redux的反应原生路由器 - 通量，我认为我应该在这里询问这个问题，如果我错了，请纠正我。

我有活动过渡容器，我在每当有API呼叫或类似的东西时都会呼唤出现，我想展示模态。目前我正在称之为：

Actions.refresh({key: 'activityModal', visible: true}); 展示和 Actions.refresh({key: 'activityModal', visible: false}); 隐藏。

这是有效的，但我想宁可制作一些更优雅的解决方案。我添加了两个动作（用于显示和隐藏），并在那里添加那些代码行，它有效，但我不确定这是正确的方法吗（而不使用Reducers，只有操作 - 我是新的，我是新的。我正在考虑另一种方法：添加一些辅助函数，在那里我将拥有这些操作。将呼叫和导入我需要访问活动的可见性。

请告诉我或建议我是最正确的方法是什么？

谢谢！

编辑：我成功，但我希望你确认它是否是良好的做法。这是我所做的：

容器/ logincontainer.js.

...
this.props.showActivityModal(); // calling this on button press
...

操作/ activityModal.js.

...
export function showActivityModal() {
  return {
    type: types.ACTIVITY_MODAL_SHOW,
    payload: {}
  }
}
...

减速器/ ActivityModal.js.

...
return {
   visible: true,
   text: ''
};
...

组件/ ActivityModal.js.

...
class ActivityModal extends Component {
   ...
   componentWillReceiveProps(nextProps) {
      this.setState({
        visible: nextProps.activityModal.visible
      })
   }
   ...
}

function mapStateToProps(state) {
  return {
    activityModal: state.activityModal
  };
}

export default connect(mapStateToProps)(ActivityModal);

谢谢！

看答案

要做到这一点，我所要做的就是：

function mapStateToProps(state) {
  return {
    activityModal: state.activityModal
  };
}

export default connect(mapStateToProps)(ActivityModal);

到我想要改变状态的组件。并分派实际改变活动的行动。

我想这是对React Redux的正常行为，但我第一次开始但是嘿，我在错误的赛道上，我想出来了。

智能推荐

Linux中函数调用(C语言）

理论实现过程：现存大多数的计算机都是用栈来实现的函数之间的调用操作。函数调用主要涉及参数的传递，返回值的返回，调用函数的ret，数据的恢复，被调用函数的call等问题。在栈中每一个函数都有一段栈来存储数据，这一段栈叫做栈帧（ebp存储器用来指向每一帧的底部），在每一帧中有一个帧顶的指针esp。当调用一个函数的时候即call的时候，第一步会把调用函数的返回地址push到调用者的帧栈里面，然后...

查看ida中的函数调用

在一个样本中想要查看一个函数调用了那些函数，有2个办法： 1、View->Open subviews->Function calls 显示出函数调用窗口，如下：显示的很详细，而且不冗余。 2、点击按钮Display graph of xrefs from current identifier(从当前标识符绘制交叉引用图)，下图：这个方法显示的内容有时候会很多，冗余量大，放很大也不一...

html是静态的，为了让网页更加生动，具有互动性，加入js是必不可少的，下面是我整理的如何调用js 怎么获取javascrip的值？如果直接将函数写入显示的效果是如果想获得js函数的结果，我们可以在script函数中进行正确的修改，如其中先用getElementById() 方法返回对拥有指定 ID 的第一个对象的引用。然后再用innerHTML属性设置或返回表格行的开始和结束标签之间的 H...

redux中reducer的拆分。redux中的combineReducers方法

根据业务逻辑和页面将reducer进行拆分为多个reducer。最外层reducer将各个分散的reducer进行聚合： 1.引入分散的reducer。 2.从redux中引入combineReducers 方法。...

Eclipse中创建一个简单的Maven项目(详细)

前提条件:Eclipse已经整合了Maven。简单配置Maven 已经配置好的，请跳过配置Maven的路径: window - preferences 找到Maven展开点击ADD 在弹出的对话框中点击 Directory,选择Maven的路径，选择到Maven的根目录即可，不需要到bin目录!! 勾选新添加的Maven安装路径,点击Apply 配置Maven的仓库 ...

猜你喜欢

本地安装Nacos，启动时报错 Unable to start embedded Tomcat

本地安装Nacos，启动时报错 Unable to start embedded Tomcat org.springframework.context.ApplicationContextException: Unable to start web server; nested exception is org.springframework.boot.web.server.WebServerEx...

多条件查询+反向查询+分段区间数据查询+最后几行的数据+

VLOOKUP和MATCH函数 INDEX和MATCH函数 2.INDEX MATCH 反向查找反向查找方法2： choose函数 =VLOOKUP(B2,CHOOSE({1,2},$E2:2:2:E9,9,9,D2:2:2:D$9),2,) 反向查找方法3： IF函数 =VLOOKUP(B2,if({1,2},$E2:2:2:E9,9,9,D2:2:2:D$9),2,) 3.分段区间的数据查询...

Mac安装MySQL的过程

1、先下载MySQL，下载地址：https://dev.mysql.com/downloads/file/?id=476460 如图选择下载： 2、下载后解压对应的文件mysql-8.0.11-macos10.13-x86_64.dmg，得到如下图所示的pkg包，双击下面的pkg包， 3、双击后显示下图，并点击“继续”按钮。 4、一路点击“继续”就可...

WorkFlow扩展篇Step.2—集合分组下的活动使用[下]-WF4.0

开篇上篇我们主要是讲述了《WorkFlow扩展篇Step.1—集合分组下的活动使用[上]-WF4.0》如何使用集合Collection活动完成工作流的设计与开发，本篇我们将要继续讲述集合活动内的另外二个活动的用法。摘要本篇我们是扩展篇的第二篇，本篇主要是讲述Collection的用法，一般来说...

使用webpack提升vue应用的4种方式

webpack是开发Vue单页应用必不可少的工具，它能管理复杂的构建步骤，并且优化你的应用大小和性能, 使你的开发工作流更加简单。在这篇文章中，我将解释使用webpack提升你的Vue应用的4种方式，包括：单文件组件优化Vue构建过程浏览器缓存管理代码分离关于vue-cli 如果你在使用 vue-cli 提供的模板来构建你的应用，那么webpack的相关配置已经提供好了，这些配置已经经...