jjzjj

javascript - 容器组件是否应该*始终*连接​​到 Redux?

coder 2025-01-05 原文

我即将开始一个新的 React 项目,并尝试利用我以前的知识来创建一些关于我如何构建应用程序的规则。

有些事情我认为是真的:

  1. Redux 保存整个应用程序的“主要”数据
  2. 如果需要跨应用程序共享,Redux 可以保存 UI 状态(例如,可以从任何地方启动的全局模态窗口)
  3. 如果不需要在应用中的其他任何地方共享该状态,则组件可以使用 setState 保持它们自己的状态。
  4. 应尽可能使用无状态组件
  5. 当我创建一个需要来自 Redux 的状态的组件时,我将创建 FooContainer.jsFooComponent.js 文件 - Redux 连接代码将位于容器中.

应用程序的很大一部分是 UI 繁重的,并且有很多 UI 逻辑/状态正在进行,但不需要来自 Redux 的任何状态。

我觉得随着组件级状态的自由使用,我应该使用更多的容器组件来组合更小的无状态组件。然而,我看到很多容器组件的定义是“连接到 Redux 的 HOC”

拥有一个包含许多容器组件的项目是否有意义,其中一些容器组件与 Redux 连接并将数据从商店传递到其相应的展示组件,而另一些未连接 Redux 但仅用于组合更小的组件并管理本地状态?

如果是这样,是否有推荐的文件结构、命名约定等来区分两者?

最佳答案

一些想法。

首先,重要的是要了解“容器组件”只是其主要工作是从某处 获取数据并将该数据传递给其子组件的任何组件。这可能意味着进行 AJAX 调用以检索数据或访问 Flux 存储。这意味着由 React-Redux 的 connect 函数生成的包装器组件“容器组件”,因为它们唯一的工作就是从 Redux 存储中提取数据。这也意味着负责管理 UI 状态的组件也是“容器组件”。参见 Dan Abramov's original article on container and presentational components .

其次,使用类组件和函数式组件完全是一件很有趣的事情,您可以随心所欲地使用它们。这完全取决于您。

第三,虽然您可以在一个文件中定义“普通”组件,然后在另一个文件中“连接”它们,但我个人倾向于认为这是不必要的分离。大多数时候,给定的 React 组件只会连接一次,因此在同一个文件中定义组件连接它是完全合理的。

您可能想阅读 Redux Architecture 上的一些文章和 Project Structure在我的 React/Redux links list获取更多信息。

关于javascript - 容器组件是否应该*始终*连接​​到 Redux?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43890279/

有关javascript - 容器组件是否应该*始终*连接​​到 Redux?的更多相关文章

  1. ruby-on-rails - 如何验证 update_all 是否实际在 Rails 中更新 - 2

    给定这段代码defcreate@upgrades=User.update_all(["role=?","upgraded"],:id=>params[:upgrade])redirect_toadmin_upgrades_path,:notice=>"Successfullyupgradeduser."end我如何在该操作中实际验证它们是否已保存或未重定向到适当的页面和消息? 最佳答案 在Rails3中,update_all不返回任何有意义的信息,除了已更新的记录数(这可能取决于您的DBMS是否返回该信息)。http://ar.ru

  2. ruby - 检查 "command"的输出应该包含 NilClass 的意外崩溃 - 2

    为了将Cucumber用于命令行脚本,我按照提供的说明安装了arubagem。它在我的Gemfile中,我可以验证是否安装了正确的版本并且我已经包含了require'aruba/cucumber'在'features/env.rb'中为了确保它能正常工作,我写了以下场景:@announceScenario:Testingcucumber/arubaGivenablankslateThentheoutputfrom"ls-la"shouldcontain"drw"假设事情应该失败。它确实失败了,但失败的原因是错误的:@announceScenario:Testingcucumber/ar

  3. ruby - 检查数组是否在增加 - 2

    这个问题在这里已经有了答案:Checktoseeifanarrayisalreadysorted?(8个答案)关闭9年前。我只是想知道是否有办法检查数组是否在增加?这是我的解决方案,但我正在寻找更漂亮的方法:n=-1@arr.flatten.each{|e|returnfalseife

  4. ruby - 续集在添加关联时访问many_to_many连接表 - 2

    我正在使用Sequel构建一个愿望list系统。我有一个wishlists和itemstable和一个items_wishlists连接表(该名称是续集选择的名称)。items_wishlists表还有一个用于facebookid的额外列(因此我可以存储opengraph操作),这是一个NOTNULL列。我还有Wishlist和Item具有续集many_to_many关联的模型已建立。Wishlist类也有:selectmany_to_many关联的选项设置为select:[:items.*,:items_wishlists__facebook_action_id].有没有一种方法可以

  5. ruby - 无法在 60 秒内获得稳定的 Firefox 连接 (127.0.0.1 :7055) - 2

    我使用的是Firefox版本36.0.1和Selenium-Webdrivergem版本2.45.0。我能够创建Firefox实例,但无法使用脚本继续进行进一步的操作无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055)错误。有人能帮帮我吗? 最佳答案 我遇到了同样的问题。降级到firefoxv33后一切正常。您可以找到旧版本here 关于ruby-无法在60秒内获得稳定的Firefox连接(127.0.0.1:7055),我们在StackOverflow上找到一个类

  6. ruby - 检查字符串是否包含散列中的任何键并返回它包含的键的值 - 2

    我有一个包含多个键的散列和一个字符串,该字符串不包含散列中的任何键或包含一个键。h={"k1"=>"v1","k2"=>"v2","k3"=>"v3"}s="thisisanexamplestringthatmightoccurwithakeysomewhereinthestringk1(withspecialcharacterslike(^&*$#@!^&&*))"检查s是否包含h中的任何键的最佳方法是什么,如果包含,则返回它包含的键的值?例如,对于上面的h和s的例子,输出应该是v1。编辑:只有字符串是用户定义的。哈希将始终相同。 最佳答案

  7. ruby-on-rails - Ruby 检查日期时间是否为 iso8601 并保存 - 2

    我需要检查DateTime是否采用有效的ISO8601格式。喜欢:#iso8601?我检查了ruby​​是否有特定方法,但没有找到。目前我正在使用date.iso8601==date来检查这个。有什么好的方法吗?编辑解释我的环境,并改变问题的范围。因此,我的项目将使用jsapiFullCalendar,这就是我需要iso8601字符串格式的原因。我想知道更好或正确的方法是什么,以正确的格式将日期保存在数据库中,或者让ActiveRecord完成它们的工作并在我需要时间信息时对其进行操作。 最佳答案 我不太明白你的问题。我假设您想检查

  8. ruby - 检查日期是否在过去 7 天内 - 2

    我的日期格式如下:"%d-%m-%Y"(例如,今天的日期为07-09-2015),我想看看是不是在过去的七天内。谁能推荐一种方法? 最佳答案 你可以这样做:require"date"Date.today-7 关于ruby-检查日期是否在过去7天内,我们在StackOverflow上找到一个类似的问题: https://stackoverflow.com/questions/32438063/

  9. ruby - 如何验证 IO.copy_stream 是否成功 - 2

    这里有一个很好的答案解释了如何在Ruby中下载文件而不将其加载到内存中:https://stackoverflow.com/a/29743394/4852737require'open-uri'download=open('http://example.com/image.png')IO.copy_stream(download,'~/image.png')我如何验证下载文件的IO.copy_stream调用是否真的成功——这意味着下载的文件与我打算下载的文件完全相同,而不是下载一半的损坏文件?documentation说IO.copy_stream返回它复制的字节数,但是当我还没有下

  10. ruby - 是否可以覆盖 gemfile 进行本地开发? - 2

    我们的git存储库中目前有一个Gemfile。但是,有一个gem我只在我的环境中本地使用(我的团队不使用它)。为了使用它,我必须将它添加到我们的Gemfile中,但每次我checkout到我们的master/dev主分支时,由于与跟踪的gemfile冲突,我必须删除它。我想要的是类似Gemfile.local的东西,它将继承从Gemfile导入的gems,但也允许在那里导入新的gems以供使用只有我的机器。此文件将在.gitignore中被忽略。这可能吗? 最佳答案 设置BUNDLE_GEMFILE环境变量:BUNDLE_GEMFI

随机推荐