const MyComponent = React.memo(function MyComponent(props) {
  /* 使用 props 渲染 */
},areEqual); 
 
React.memo是高阶组件，
 
 
包裹其中的组件，并返回新的组件。该组件在props没有变更的时候，就会返回相同的渲染结果，也就是直接跳过渲染阶段。该阶段及其之后的阶段的生命周期函数就不会得到调用。当然，进行的也是浅比较
 
 
用法：
 
  
第一个参数,是函数组件（ React.FunctionComponent)
第二个参数，回调函数。如果我们觉得浅比较不行，我们就填入第二个参数，React会把第二个参数的返回值，当作是否跳过更新的标准
 
 
function areEqual(prevProps, nextProps) {
  如果把 nextProps 传入 render 方法的返回结果与
  将 prevProps 传入 render 方法的返回结果一致则返回 true，
  否则返回 false
与 class 组件中 shouldComponentUpdate() 方法不同的是，如果 props 相等，areEqual 会返回 true；如果 props 不相等，则返回 false。这与 shouldComponentUpdate 方法的返回值相反
 
 
这个要引起我们的注意
 
这是react为跳过子组件更新而做出的努力
 
生命周期函数 shouldComponentUpdate
Component类，React.pureComponent
Memo
                                    @miblanchard/react-native-slider
 用于 react-native 和 react-native-web 的<Slider>组件的纯 JavaScript 版本。 这可以直接替换来自 react-native/@react-native-community 的 Slider 组件。 非常欢迎想法和贡献。
yarn add @miblanchard/react-native-slider
npm i --save @miblanchard/react-native-slider
 1.xx 版本只支持 React Native >= 0.59.0
 React Native 版本
支持 react-native-slider 版本
v0.59.0+
 v1.xx
 import React from "react" ;
 < Calendar xss=removed xss=removed> setSelectDate ( date ) }
  onSelectDates = { dates => setSelectDates ( dates ) }
  selectDate = { selectDate }
  selectDates = { selectDates }
  beforeDisablePoint = { beforeDisablePoint }
  afterDisablePoint = { afterDisablePoint }
  disableDates = { disableDates }
onSelectDate
 （[日期，数字]）=> {}
 选择单元格时的选定日期
（）=> {}
 onSelectDates
                                    React惰性负载组件
React Lazy Load是易于使用的React组件，可帮助您以可预测的方式推迟加载内容。 它速度很快，可在IE8 +中运行，最小化为6KB，默认情况下使用去抖动功能。 您还可以在滚动容器内使用组件，例如带有滚动条的div。 它会自动找到。 看看一个例子。
React Lazy Load需要React 0.14或更高版本。
 npm install --save react-lazy-load
import React from 'react' ;
import LazyLoad from 'react-lazy-load' ;
const MyComponent = ( ) => (
    Scroll to load images.
    < div xss=removed>
import React from "react" ;
import { render } from "react-dom" ;
import AceEditor from "react-ace" ;
import "ace-builds/src-noconflict/mode-
如果父组件的state发生变化，那么就需要重新render。其下的子组件即使没有用到此state，也会跟着重新render。性能受影响。
现有方法  react.memo 能实现，只有当子组件的 props里的数据发生变化后，才会重新render。
注：此方法是浅比较。
父组件的input框输入的时候，会引起 inp_value 的变化。必然引起父组件的重新render。但是此时并没有引起子组件的render
export default function Reactuse() {
                                    这样判断  就会监听到 cont 到底有没有改变  如果改变了  则重新渲染  如果完全相等  那就表示没有改变   就返回false 阻止渲染。首先 我们在父组件中定义了一个cont响应式数据  然后  在componentDidMount生命周期中定义了一个定时器  改变cont。但这样显然是有问题的  因为这样  当子组件关联的数据改变时  我们这样写死 返回false  他就不渲染了。这里 我们知道   当父组件数据改变时  子组件也会被重新渲染。定时器跑几下  我们就看出不对了。
state更新，用setState()更新即可在componentWillReceiveProps()生命周期中更新
componentWillReceiveProps(nextProps){
   	this.setState({
   		data: nextProps.data 
props更新，这种情况适
                                    最近遇到一个问题，在父组件那里渲染后，在子组件中setState和forceUpdate都不能刷新子组件数据，最后使用下面方式解决了这个问题：
// 父组件中
{ childrenVisible ? 
     <ChildrenCoponent
         dispatch={dispatch}
          visible={childrenVisible }
      /> : null