weixin_56747270的博客

import {createSlice } from '@reduxjs/toolkit' // 创建分区 类似于vuex中的modules let product = createSlice({name : 'product' , // 分区的名字 initialState : {

压缩资源，拆包，使用 CDN ，http 缓存等。本节只讨论首屏，这些先不讲。 可以优化内部的 diff 算法。注意，遍历数组时 不要使用 。修改 css 模拟 条件渲染时，可以通过设置 css 来处理显示和隐藏，不用非得销毁组件。模拟 Vue 或者使用 Fragment 减少层级组件层级过多，如果每个组件都以 作为 root ，则 DOM 层级太多而难以调试。JSX 中不要定义函数JSX 是一个语法糖，它和 Vue template 一样，最终将变为 JS render 函数，用以生成

类似于vue中的template标签，将当前dom不渲染后页面。在多层循环中可以添加key属性，其他属性不可以添加。不然会警告，提示只能有key属性和children vdom。react和vue的特性就是组件的只能有一个根元素，为了解决这个问题我们可以在vue中使用template标签，在react中使用Fragment标签，包裹在组件的跟标签上。在react中也可以这样写，但是前提是不循环，唯一，因为这样写连key属性都写不上。