什么是纯洁性、纯函数和纯组件
在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>
}
}