Hook 出来后，相信很多小伙伴都自己跃跃欲试，对于喜欢用react的，又喜欢Hook的，本篇文章将会与你一起玩转Hook。 useEffet 我们可以理解成它替换了componentDidMount, componentDidUpdate, componentWillUnmo…

在 web 页面中，如果需要改变多个元素的位置，可以通过元素拖动来实现。HTML5中加入了一个全局属性draggable，通过设置该属性的值为 true/false 来控制元素是否可拖动。需要注意的是： 链接和图片默认是可拖动的，可以通过将 draggable 设置为false…

@observable 可以在实例字段和属性 getter 上使用。 对于对象的哪部分需要成为可观察的，@observable 提供了细粒度的控制。

上周，Sophie Alpert 和 Dan Abramov 在 React Conf 2018 中 提出了 hooks 这个概念，让我们一起来看看 Hooks 在解决一个什么问题。

n在App被调用后每次都会变化，但是setN()却不会改变n。 由于所有数据都存在一个_state中，所以会冲突。 可以使用数组去解决_state重复问题。 报错信息：React has detected a change in the order of Hooks calle…

Hook是一个特殊的函数，它允许你在函数中嵌入（勾入）React的特性，比如生命周期，state等。 如果你在编写函数组件并意识到需要向其添加一些 state，以前的做法是必须将其它转化为 class。现在你可以在现有的函数组件中使用 Hook

有时候会出现在多个组件里面都出现重复的逻辑代码的情况，我好像遇到这种情况比较多的是在ComponentDidMount生命周期函数里面，有时候需要拿异步的数据或者其他的一些状态会在各个组件里面重复写。 函数式编程（这个算不算优点呢。。。。） 使用const [count, se…