react 组件怎么公用_在React中的组件之间共享数据

我正在开发使用Meteor和React作为视图引擎的应用程序

考虑下图：

当触发C4按钮单击事件时，我需要更改C2组件状态。由于他们没有直接关系，因此我无法直接从C4进入C2状态。

另一个示例是从Component提交表单并获取在另一个Component中声明的数据(输入字段的值)。

我知道可以通过一些技巧来解决此问题(例如，流星会话，通过每个组件传递数据，基于通量的Action / Dispatcher)。

Reactdocs建议使用事件/订阅系统(通量是一种可能的解决方案，但通量不止此…)在组件之间进行通信

Redux是另一种可能性(我担心这样一个事实，对于大型应用程序，如果我有很多动作，则组合归约器功能将爆炸，并且还担心缺少特定于动作的订阅系统-

到目前为止我知道在调度操作时将执行所有侦听器-Redux中的新用户也许我错了)

Flux或Redux是有效的模式，可以满足比我更大的需求，我已经进行过Meteor这类工作。我唯一需要的是访问另一个内部的组件状态。

我需要具有大量组件视图的中型/大型应用程序的可伸缩解决方案

解决该问题的“正确”方法是什么？

更新：

最近我给了redux一个机会，它似乎可以完成工作(它确实很棒并且得到了很好的支持)，因此，如果您在相同的情况下，请检查React +Redux：提交多组件表单

react 组件怎么公用_在React中的组件之间共享数据相关推荐

react 组件怎么公用_用 react 做一个跟随组件的 tooltip
定位的难题你可能听说国很多关于定位型组件种类.名词:popup, tooltip, popover, overlay...(后面将统称为 overlay).这些都是定位型组件,当你需要触发显示它们的 ...
2、组件注册-@Configuration@Bean给容器中注册组件
2.组件注册-@Configuration&@Bean给容器中注册组件 2.1 创建maven项目 spring-annotation pom.xml文件添加 spring-context 依 ...
vue 中 provide 和 inject 共享数据
project 和 inject 是 vue 2.2.0 新增内容.官网说明 >> https://cn.vuejs.org/v2/api/#provide-inject 1. 概述后代 ...
Android应用程序组件Content Provider在应用程序之间共享数据的原理分析（1）
在Android系统中,不同的应用程序是不能直接读写对方的数据文件的,如果它们想共享数据的话,只能通过Content Provider组件来实现.那么,Content Provide ...
vue+vuex+axios从后台获取数据存入vuex，组件之间共享数据
vue+vuex+axios从后台获取数据存入vuex,组件之间共享数据在vue项目中组件间相互传值或者后台获取的数据需要供多个组件使用的情况很多的话,有必要考虑引入vuex来管理这些凌乱的状态,今 ...
docker 容器共享数据_如何在Docker容器之间共享数据
docker 容器共享数据介绍 (Introduction) Docker is a popular containerization tool used to provide software a ...
算法：取出一包协议中所有“0x7E”之间的数据
算法:取出一包协议中所有"0x7E"之间的数据 while(i < rx_buf_data.rlen) {if(rx_buf_data.rbuf[i] == 0x7E){te ...
组件cdn引入_高性能 React UI组件库SHINEOUT
今天给大家推荐一款超不错的React.js桌面端UI组件库Shineout. shineout 基于react.js构建的轻量级UI组件库.包含表单元素.数据表.通知提示.布局选项.导航等多种组件. ...
前段react技术架构图_基于 React 的可视化编辑平台实践
前言前段时间发在朋友圈的一句话:各种自主搭建的平台,想起好多年各种DIY博客,行业门户网站,本质不变,变的是实现的手段了. 正文从这开始-- 本文主要介绍了基于 React 构建可视化编辑平台的实践 ...

react 组件怎么公用_在React中的组件之间共享数据

react 组件怎么公用_在React中的组件之间共享数据相关推荐

最新文章

热门文章