m0_64348349的博客

（1）容器组件和UI组件整合一个文件（2）无需自己给容器组件传递store，给包裹（3）使用react-redux后也不用自己检测redux中状态的改变，容器组件可以自动完成这个工作（4）mapDispatchToProps可以写成对象（4）组件与redux交互的步骤},接着在UI组件中，通过this.props.XX读取和操作状态。

接收到数据：{props.name}

后面就开始项目实战啦！！！

JXS是Javascript XML的简写，表示Javascript在XML格式的代码，声明式语法更加直观，与HTML内容结构相同。使用JSX语法创建react元素元素的属性名使用驼峰命名法，以及一些特殊的属性名class->className for->htmlFor没有子节点的React元素可以写成单标签推荐使用（）包裹JSX，避免JS中的自动插入分号陷阱//创建react元素//渲染创建好的元素。

之前学习教程的案例资料不全，还找寻找合适的案例进行操练。先继续学习一些其他内容。

在这我有一个疑问：为什么直接打印this.state.count的值是更新前的值，而页面上显示的count值是已经更新过的呢？网上的回答是：setState并不会立即修改this.state，而是将需要更新的状态保存到更新队列里，当我们在setState调用后立即通过this.state读取状态时，读取到的是更新前的旧状态。渲染过程中，React会先基于组件的状态构建一棵虚拟DOM树，然后计算如何高效地更新真实DOM树，最小化DOM操作带来的开销。对应节点的属性(id，className，style等)；

组件创建的两种方式：函数组件和类组件无状态组件（函数）：静态结构展示有状态组件（类）：更新UI绑定事件的this指向问题推荐使用受控组件来处理表单完全利用JS语言的能力创建组件（React思想）