javascript-最佳做法：使用Redux处理只读数据

2019-11-19 08:36:36 阅读：272 来源： 互联网

标签：reactjs redux react-router flux javascript

我正在使用React和Redux构建应用程序,并且对设计有疑问.

我的应用程序使用React Router.它具有一个导航栏(左侧),该导航栏显示带有材料设计菜单的React Router配置文件中的路线.

我会知道处理此LeftNav组件的静态数据的最佳实践是什么.

该数据具有以下形状：

const menuItems = [
  {
    icon: 'home',
    label: 'Home',
    url: '/home',
    withDivider: true,
    access: 'all',
  },
  {
    icon: 'settings',
    label: 'Settings',
    url: '/settings',
    access: 'admin',
  },
  {
    icon: 'power_settings_new',
    label: 'Log Out',
    url: '/logout',
    access: 'user',
  },
];

为了尊重smart and dumb component proposal,我的LeftNav组件是愚蠢且无状态的.
我还有一个智能组件(现在只是我的AppContainer),该组件呈现LeftNav组件并通过props向其提供menuItems数组.

我想知道是否必须将此只读数据包括到我的redux状态树中.在这种情况下,我将有一个这样的常量减速器：

export default handleActions({}, [
  {
    icon: 'home',
    label: 'Home',
    url: '/home',
    withDivider: true,
    access: 'all',
  },
  {
    icon: 'settings',
    label: 'Settings',
    url: '/settings',
    access: 'admin',
  },
  {
    icon: 'power_settings_new',
    label: 'Log Out',
    url: '/logout',
    access: 'user',
  },
]);

有一个没有动作处理程序的常量化简器是一个好习惯吗？如果没有,我该怎么办？

提前致谢.

解决方法:

就我个人而言,我更喜欢我的减速器专注于处理应用程序/系统范围的状态.在您的示例中,该配置作为使用它的组件内部的常量会感觉更像是在家中生活(LeftNav？)

标签：reactjs,redux,react-router,flux,javascript
来源： https://codeday.me/bug/20191119/2034884.html

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享；
2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关；
3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关；
4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除；
5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

ICode9

javascript-最佳做法：使用Redux处理只读数据