Question

当functionnal组件和PureComponent成为无状态组件时，它之间的最佳性能是什么？

这：

import React from 'react';

export default function Example(props){
  return (
    <div>
      {props.myProps}
    </div>
  )
}

或者这个：

import React from 'react';

export default class Example extends React.PureComponent {

  render() {
    return(
      <div>
        {this.props.myProps}
      </div>
    )
  }
}

Answer 1

当它是一个无状态组件，而你没有使用shouldComponentUpdate（）或任何生命周期方法时，你应该使用功能组件，因为它比PureComponents重量轻。

Answer 2

功能组件更多是构建块，易于推理，可以/应该组合以构成更复杂的组件。根据React文档，他们未来可能会提高功能组件的性能。

Pure Component只是一个常规组件，带有一个围绕道具检查的语法糖，以防需要根据props检查实现shouldComponentUpdate;使用Pure组件，默认情况下会得到它。

ReactJS函数还是纯函数用于无状态组件？

2 个答案: