react.js - React 项目中组件规划问题

问题描述

问 题

经过一个月的努力，现在终于把React ES6 和redux弄懂，现在才发现做一个项目不是像做个小例子那么简单，遇到了很多问题，我有几个问题在下面，另外还请各位IT界的大哥们 把一些自己之前的经验谈一下; 小弟感激不尽

情况描述:我把这个项目的组件大概分成了三个级别 第一级是主文件 用于分配创建全局方法，配置路由等 ， 第二级为单独的一个页面模块，用于注册事件，分配state并更新view ，第三级就是无状态组件，只负责返回每个模块的props内容，方便以后组件重用;

问题1:因为第一次做，示例也没看过多少，请问大家我这种注册点击事件的方法可行吗？以后会不会带来什么问题,因为所有页面的header部分是一样的，所以我把这部分的事件全部放到了mian主配置文件里.现在感觉有点乱.

问题2:我在每个二级组件的componentDidMount里边添加了事件，然后渲染视图也在这个方法里边吗？还有如果我想做一个缓存图标是不是要放到运行中的那个组件周期中？

解决方案

根据你的描述，第二个问题的生命周期componentDidMount是react官方建议写事件的地方，例如从后台获取数据，然后再次渲染这个页面，都是在这个周期中完成的。添加事件不应该被放在周期中，而是单独最为一个props传递给每个组件，谁用到了就传到子组件中(当然如果需要渲染整个页面的话，这个事件就应该被写在最顶层的组件，这样才方便往下传递props)

或者这个是项目地址，也是我自己搭建用来练习的项目
webpack+react+react-router+react-redux+express 这样的一个es6语法项目
https://github.com/jeremyChen... 你可以copy下来自己看看

这篇关于react.js - React 项目中组件规划问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！