react生命周期方法 shouldComponentUpdate(源码中叫shallowEqual（浅层比较）)

方法接受两个参数：

         参数一： nextProps 修改之后，最新的props属性

         参数二： nextState 修改之后，最新的state属性

然后返回值是一个boolean.

   返回值为true，那么就需要调用render方法；

   返回值为false，那么久不需要调用render方法；

    默认返回的是true，也就是只要state发生改变，就会调用render

react源码

function shallowEqual(objA: mixed, objB: mixed): boolean {
  if (is(objA, objB)) {
    return true;
  }

  if (
    typeof objA !== 'object' ||
    objA === null ||
    typeof objB !== 'object' ||
    objB === null
  ) {
    return false;
  }

  const keysA = Object.keys(objA);
  const keysB = Object.keys(objB);

  if (keysA.length !== keysB.length) {
    return false;
  }

  // Test for A's keys different from B.
  for (let i = 0; i < keysA.length; i++) {
    const currentKey = keysA[i];
    if (
      !hasOwnProperty.call(objB, currentKey) ||
      // $FlowFixMe[incompatible-use] lost refinement of `objB`
      !is(objA[currentKey], objB[currentKey])
    ) {
      return false;
    }
  }

  return true;
}

export default shallowEqual;