Концепция React: чистота

Что такое чистота, чистая функция и чистый компонент

В JavaScript, когда функция не изменяет объекты, а просто возвращает новый объект, это называется чистой функцией.

Функция или метод для вызовачистыйне должен вызывать побочных эффектов и должен возвращать один и тот же вывод при многократном вызове с одним и тем же вводом.

Чистая функция принимает входные данные и возвращает выходные данные, не изменяя ни входные данные, ни что-либо еще.

Его вывод определяется только аргументами. Вы можете вызвать эту функцию 1 миллион раз, и, учитывая тот же набор аргументов, результат всегда будет одним и тем же.

React применяет эту концепцию к компонентам. Компонент React - это чистый компонент, когда его вывод зависит только от его свойств.

Все функциональные компоненты являются чистыми компонентами:

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

Компоненты класса могут быть чистыми, если их вывод зависит только от свойств:

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

Скачать мою бесплатнуюСправочник по React


Больше руководств по реакции: