Monster000

先说结论useCallback和useMemo都可缓存函数的引用或值，但是从更细的使用角度来说useCallback缓存函数的引用，useMemo缓存计算数据的值。 根据官网文档的介绍我们可理解：在a和b的变量值不变的情况下，memoizedCallback的引用不变。即：us…

炎炎夏日加上公司动荡，我想开启一个新的挑战即：每日学习一道算法题目。由易到难。 初步的计划是每天一道题，一共做60道练习题。两个月后完成挑战。 如果你也有一样的想法我们可以一起组队来刷题，等到秋冬季节我想会有一些收获的。 如果你也想加入的话，请Watch这个仓库，我会在每天晚上…

1. 创建基础项目 执行上述命令时稍微要等待一会，安装完毕之后即可继续。 2. 配置项目热加载 现在有了一个模板项目，我们需要创建一个路由用于测试。执行如下命令创建一个新的路由： 接着我们需要来对app/javascript/packs/hello_react.jsx组件进行一…

在React Conf 2018会议中，Dan Abramov 介绍了 React Hooks。官方的描述为 React没有一种将可重用的行为附加到组件的方法(例如链接到store)。如果您使用过一段时间，您可能会使用render props和height-order comp…

在这篇文字中我学到了很多知识，同时结合工作中的一些经验也在思考一些东西。比如条件运算符 在jsx中书写条件语句我们经常都会使用到的就是三目运算符(?:)也叫内联条件运算符，可能大家都有体会三目运算符并不是一种直观的书写方式。特别是在复杂情况下时。 经过尝试确实是可行的，于是我做…

this在javascript中已经相当灵活，把它放到React中给我们的选择就更加困惑了。下面一起来看看React this的5种绑定方法。 如果你使用的是React 15及以下的版本，你可能使用过React.createClass函数来创建一个组件。你在里面创建的所有函数的…

Render Props模式是一种非常灵活复用性非常高的模式，它可以把特定行为或功能封装成一个组件，提供给其他组件使用让其他组件拥有这样的能力，接下来我们一步一步来看React组件中如何实现这样的功能。 1. 组件普通数据传递 下面的代码很平常，我们绝大多数代码都是这样。 2.…

withPropsOnChange接收两个参数，第一个参数指定了那些props被更改后需要重新调用计算函数，可以是一个数组里面包含了指定props的key，也可以包含一个自定义函数做一些逻辑后返回一个布尔值。第二个参数也是一个函数参数是props，返回一个对象它是组件的prop…

withProps接受一个函数参数，这个函数参数会返回一个对象用作为接下来的组件的props。与mapProps不同的是，除了withProps函数参数返回的props外，组件接收到的其他参数也将一起被传递