反应概念:纯度

什么是纯度,纯功能和纯成分

在JavaScript中,当一个函数不对对象进行突变而仅返回一个新对象时,它被称为纯函数。

为了被调用的功能或方法纯的应该不会产生副作用,并且在使用同一输入多次调用时应该返回相同的输出。

纯函数接受输入并返回输出,而不更改输入或其他任何内容。

它的输出仅由参数确定。您可以将此函数调用1M次,并给定相同的参数集,输出将始终相同。

React将这一概念应用于组件。当React组件的输出仅取决于其prop时,它就是纯组件。

所有功能组件都是纯组件:

const Button = props => {
  return <button>{props.message}</button>
}

如果类组件的输出仅取决于道具,则它们可以是纯组件:

class Button extends React.Component {
  render() {
    return <button>{this.props.message}</button>
  }
}

免费下载我的反应手册


更多反应教程: