随笔分类 -  react

react-redux不完全指北
摘要：1、首先react-redux是用来在组件之间方便传输数据以及改变数据的工具 2、常用的react-redux的方法是包含注入已经调用 3、首先在最外层包含注入 import { Provider } from 'react-redux' // 全局包含 ReactDOM.render(<Provi 阅读全文
posted @ 2020-09-15 18:15 kimingw 阅读(301) 评论(0) 推荐(0)
简易总结react-hook三大进阶
摘要：react-hook最重要的三大进阶 import { useCallback, useMemo, useReducer } from "react" 1、每个的一句话简单总结 useCallback // 限制函数每次都刷新的方法,优化性能等 useMemo // 限制参数每次都刷新的方法,优化性 阅读全文
posted @ 2020-05-06 14:56 kimingw 阅读(477) 评论(0) 推荐(0)
react-hook的简单的动画插件react-simple-animate（其实是react插件，但是这里只介绍react-hook的简单用法）
摘要：1、useAnimate（普通anima动画的形式） （1）js （2）dom （3）动画播放方法 2、useAnimateKeyframes（关键帧动画的形式） （1）js （2）其余与上面相同，只是在原来就有play方法的前提下多了一个pause的方法 3、useAnimateGroup（数组的 阅读全文
posted @ 2019-11-18 19:25 kimingw 阅读(965) 评论(0) 推荐(0)
useMemo、useCallback简单理解
摘要：1、useMemo、useCallback都是使参数（函数）不会因为其他不想关的参数变化而重新渲染。 （1）useMemo （2）useCallback 2、与useEffect类似，[]内可以放入你改变数值就重新渲染参数（函数）的对象。如果[]为空就是只渲染一次，之后都不会渲染。 阅读全文
posted @ 2019-11-12 19:25 kimingw 阅读(7288) 评论(0) 推荐(0)
react-native（ios）简单配置环境（mac）
摘要：1、首先全局安装react-native-cli npm install -g react-native-cli 2、安装xcode（appStore） 3、打开xcode，检查一下是否装有某个版本的Command Line Tools，没有就安装 4、创建新的项目 react-native ini 阅读全文
posted @ 2019-10-23 15:28 kimingw 阅读(271) 评论(0) 推荐(0)
react-hook设定定时器的方法
摘要：const useInterval = (callback, delay) => { const savedCallback = useRef(); // 保存新回调 useEffect(() => { savedCallback.current = callback; }); // 建立 interval useEffect(() => { function tick() { savedCall 阅读全文
posted @ 2019-09-18 11:39 kimingw 阅读(4399) 评论(0) 推荐(0)
简易总结react-hook三大基础
摘要：react-hook的最重要的三大基础 1、每一个简单的一句话总结 2、conState 3、useEffect 4、useContent 阅读全文
posted @ 2019-09-18 11:37 kimingw 阅读(1004) 评论(0) 推荐(0)
react的传值类型PropTypes简单说明
摘要：1、首先可以有那么多种类型 2、有部分特殊的类型 3、只接受特定的值 4、自定义的验证器 阅读全文
posted @ 2019-01-08 11:53 kimingw 阅读(2348) 评论(0) 推荐(0)