react的目的是将前端页面组件化，用状态机的思维模式去控制组件。组件和组件之间肯定是有关系得，通过合理得组件设计，给每一个组件划定合适得边界，可以有效降低当我们对页面进行重构时对其他组件之间得影响。同时也可以使我们得代码更加美观。1、高耦合低内聚。高耦合：将功能联系紧密得部分放到一个容器组件内对外暴漏出index.js，目录结构如下:├── components│ └── App└── inde
和其他React教程有何不同？假设React是你日常开发的框架，在日复一日的开发中，你萌生了学习React源码的念头，在网上一顿搜索后，你发现这些教程可以分为2类：-《xx行代码带你实现迷你React》，《xx行代码实现React hook》这样短小精干的文章。如果你只是想花一点点时间了解下React的工作原理，我向你推荐 这篇文章1，非常精彩。-《React Fiber原理》，《React ex
一、组件执行的生命周期： 1、初始没有改变state、props 的生命周期：render 2、改变 state 后的生命周期： a、父组件的 state 改变：render、【子组件的 componentWillReceiveProps、子组件对应父组件这4个周期函数】、componentDidUpdate父组件的的s
一，对组件化的理解1，组件的封装-视图-数据-变化逻辑（数据驱动视图变化）例：import React, {
Component
} from 'react';
import List from './list/index.js';
import Input from './input/index.js';
class Todo extends Component {
const
