Как вы используете декораторы в React? в REACT

Привет, Вы узнаете о том , что такое Как вы используете декораторы в React? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Как вы используете декораторы в React? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

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

@setTitle('Profile')
class Profile extends React.Component {
    //....
}

/*

 title - это строка, которая будет установлена ​​в качестве заголовка документа. Об этом говорит сайт https://intellect.icu  . 
  WrappedComponent - это то, что получит наш декоратор, если 
  поместить его непосредственно над классом компонента, как показано в примере выше 

*/
const setTitle = (title) => (WrappedComponent) => {
  return class extends React.Component {
    componentDidMount() {
      document.title = title
    }

    render() {
      return <WrappedComponent {...this.props} />
    }
  }
}

Примечание. Декораторы - это функция, которая не вошла в ES7, но в настоящее время является предложением этапа 2 .

Исследование, описанное в статье про Как вы используете декораторы в React? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Как вы используете декораторы в React? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)