Практика
Привет, Вы узнаете о том , что такое Как вы используете декораторы в 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)
Комментарии