React概念:纯度、纯函数、纯组件的介绍

36 阅读1分钟

什么是纯洁性、纯函数和纯组件

在JavaScript中,当一个函数不改变对象而只是返回一个新对象时,它就被称为纯函数。

一个函数,或一个方法,为了被称为函数,不应该引起副作用,而且在用相同的输入多次调用时,应该返回相同的输出。

一个纯函数接受一个输入并返回一个输出,而不改变输入或其他任何东西。

它的输出只由参数决定。你可以调用这个函数100万次,给定相同的参数集,输出将总是相同的。

React将这个概念应用于组件。当一个React组件的输出只依赖于它的props时,它就是一个纯组件。

所有的功能组件都是纯组件。

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

如果类组件的输出只依赖于props,那么它也可以是纯组件。

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