之前写过一篇 react-dnd 用法的文章，里面写的可能比较啰嗦了，但是内容比较详细，很多 API 都罗列了出来。目前 React Hooks 出来了，react-dnd 也做了对应的更新，所以本篇使用 React Hooks + TypeSscript 对 react-dn…

如果要使用 react 的话，对新手来说，首选脚手架大概就是使用由 facebook 官方出的脚手架 create-react-app 了（传送门 👉create-react-app中文文档）。 create-react-app 将 webpack 的配置，lint 的配置，…

1. 创建国际化资源文件 有了这些资源文件以及相关的封装之后，我们就可以在 LocaleProvider 和 InltProvider 中使用了。 2. 根据语言加载国际化资源 3. 引入 react-intl 的 local data react-intl 在做国际化的时候需…

最近一直用vue做技术栈，好久没有用react了，所以直接用react开搞。 测试小朋友和我说在低版本ios8的系统样式直接错乱，这边通过safari调试发现原来是flex没有添加前缀导致。 ok，完美。

React生命周期的命名一直都是非常语义化的，这个生命周期的意思就是从props中获取state，可以说是太简单易懂了。 可以说，这个生命周期的功能实际上就是将传入的props映射到state上面。 意味着即使你的props没有任何变化，而是父state发生了变化，导致子组件发…

componentWillReceiveProps是React生命周期中的一个环节，有关React的生命周期，同学们可以在这里详细了解。 componentWillReceiveProps在初始化render的时候不会执行，它会在Component接受到新的状态(Props)…

useRef 返回一个可变的ref对象，其.current属性被初始化为传入的参数（initialValue）。返回的 ref 对象在组件的整个生命周期内保持不变。 在组件的整个生命周期里，inputEl.current都是存在的，这扩展了useRef本身的用途，可以使用use…

前言：一直对这个新特性非常感兴趣，终于今天有时间，花了大半天时间，把 Hooks的官方教程过了一遍，收获颇多，惊叹这个新特性真 TM 好用，以后开发用这个怕是要起飞了😆。

1.现在进入正题说一下forwardRef，它是react16新增的方法，返回react组件。 2.上例中是一个简单的使用。forwardRef在HOC中是使用 上面总结了几种获取dom元素和react组件的几种方法。 补充ref属性不能用在函数组件上，应为函数组件没有实例。 …