反應概念:純度

什麼是純度,純功能和純成分

在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>
  }
}

免費下載我的反應手冊


更多反應教程: