下一个Tab

目的当用户点击某元素，将在页面切换为某个组件思路新建三个React组件和三个被点击的DOM元素给三个被点击的DOM元素添加点击事件，传输参数并触发回调函数回调函数，收到参数，修改数据渲染函数,监听数据

占位，之后更新

引入echarts方法一：在无webapck/parcel情况下，CDN引入直接在html引入<script>标签然后使用全局变量window.echarts方法二：有webpack/parcel情况

试着把_state做成一个对象，比如_state= {n:0, m :0}。但是这样做的话，useState(0)就不知道变量叫n还是m useState调用顺序。如果第一次渲染是n是第一个，m是第二个，k是第三个。则要求第二次渲染时必须保障顺序一致。也就是不能使用if...e…

函数组件的创建方式函数组件代替类组件函数组件可以代替类组件，因为函数组件语法更加简单易懂，但是也面临以下两个问题没有state没有生命周期没有state的解决方法Reactv16.8.0推出Hooks

修改props的值，即修改外部数据的地址。例如this.props = {/*另外一个对象*/}。既然是外部数据，就应该由外部更新 修改props的属性，例如this.props.xxx ='hi。既然是外部数据，就不应该从内部组件来修改值 现在更名为UNSAFE_compon…

组件可以理解为页面的一部分，可以和其他组件组合起来形成完成的页面。 在React里,一个返回React元素的函数就是组件。在Vue里，一个构造选项就是一个组件 无论是使用函数或是类来声明一个组件，它决不能修改它自己的 props。 所有 React 组件都必须是纯函数，并禁止修…

CommonJS模块是对象，是运行时加载，运行时才把模块挂载在exports之上（加载整个模块的所有），加载模块其实就是查找对象属性。 AMD模块以浏览器第一的原则发展，异步加载模块。 CommonJS模块以服务器第一原则发展，选择同步加载，它的模块无需包装(unwrapped…

transition占位，之后更新animation占位，之后更新操作动画占位，之后更新多元素动画占位，之后更新列表动画占位，之后更新更多信息占位，之后更新