全国网站打开速度,定制手机网站开发,餐饮网站建设方案书,做外贸要建什么网站react-virtualized的高阶组件#xff0c;Autosize可以使屏幕适配。使用render-props模式来获取到AutoSizer组件暴露的width和height属性。JSON.parse(JSON.stringify())不适用于有undefined的数据。 深拷贝的使用#xff0c;不能使用在有undefined的数据中。有直接过滤undefi…react-virtualized的高阶组件Autosize可以使屏幕适配。使用render-props模式来获取到AutoSizer组件暴露的width和height属性。JSON.parse(JSON.stringify())不适用于有undefined的数据。 深拷贝的使用不能使用在有undefined的数据中。有直接过滤undefinded的数据。deepcopy 递归深复制性能不好占用内存。immutable的拷贝从子组件获取到地址信息如果有新值新值指向新值其他继续引用旧函数。最好配合immutable的方法。mobx的使用使用observable来订阅信息使用autorun来消费信息。autorun会自动去绑定里面相关的值相关值改变时才进行改变。绑定值可以使用observable.get和observable.map绑定。装饰器浏览器要识别要使用babel/plugin-proposal-decorators配置.babelrc添加装饰器的语法。再安装 npm i customize-cra react-app-rewired。styled-components在js中使用css。cosnt StyledFooter styled.footerbackground: yellow使用标签函数。原理是用这个去包装你的组件形成高阶函数且默认加上了一些样式。yield和* 什么时候可以用到在redux-sage或者dva中会使用redux-saga: redux的中间件可执行副作用的异步操作数据的方法。formik 表单验证react的高阶函数兄弟组件通信将共享状态提升至最近的公父组件中由公共父组件管理这个状态状态提升。样式覆盖在配置路由时CityList和Map组件都被导入到项目中那么组件的样式也就被导入到项目中。如果组件之间样式名称相同那么一个组件中的样式就会在另一个组件中生效从而造成组件之间样式相互覆盖的问题。 解决方案1、类名不同。2、scss的嵌套。3、css in js。css in js指在javascript编写css的统称用来解决css样式的冲突覆盖等问题。常见有css modules、styled-components等。css modules实现方式使用了webpack的css-loader插件命名采用BEMblock块element元素、modifier三部分组成命名规范比如.list_item_active。 使用方式创建一个名为 xxx.module.css 的样式文件。如 import styles from ./index.module.cssdiv style{styles.text}/divumijsDva 重定向组件 import {} from umi;
Redirect to/film / 嵌套路由 在pages中新建文件夹film该文件夹下还有一个_layout.tsx默认是访问这个。如果同级目录中有Comingsoon.tsx在路径输入后会返回到新加的文件。 如果要使用父路由调用子路由就使用props.children的方法。function Film(props){div{props.children}/div } 如果需要读取路由信息使用const location useLocation();中 可以新建一个layouts来存放根组件目录。级别比较高需要使用{props.children}显示视图。
GraphQL的使用进行处理数据规定后端一些字段。umi下的dvajs原生dvajs要手动注册redux的同步和异步。 umi就不用手动注册。全局安装npm install dva-cli -g
