摘要：
mobx-react的作用是将react组件转换为对可观察数据的反应。 首先在项目下安装所需依赖：npm i react react-dom prop-types mobx-react -S （为了编译JSX语法） npm install --save-dev @babel/preset-react 阅读全文
摘要：
在一些特殊情况下，React也需要对DOM进行一些操作，这时就要用到——ref。 理解ref 1）例子：用上一节的Counter.js项目来理解，实现获取增加按钮距离浏览器窗口顶部的距离。 import React,{ Component,Fragment } from 'react'; impor 阅读全文
摘要：
创建一个新的组件Counter.js以及其子组件Child.js来理解这些概念。 例子：实现点击增加按钮，下面的数字跟着增加的效果。 组件在第一次渲染时（也就是Counter组件被js调用渲染到页面中时），render函数会被默认执行一次；当state或props数据变更的时候，render函数会被 阅读全文
摘要：
1 声明式开发 （与之对应的是命令式开发，如：JS、Jquery，每一步都要我们来指定，不断地操作DOM。🏠需要我们一砖一瓦、一步一步的盖起来） React这种声明式开发，不需要对DOM做任何操作，只需要定义好JSX模板和数据就好，当数据变化时页面也自动发生了变化。（只需准备好图纸和材料，🏠自动 阅读全文
摘要：
对组件进行适当的拆分有利于项目维护。 例子：结合上一节TodoList的项目，将list中的每一项都拆分成一个组件 新建一个组件文件（即list中的某一项）TodoItem.js 实现添加功能 content ：父组件通过属性的方式向子组件传值（告诉子组件我们要传递的内容） this.props ： 阅读全文