Задать вопрос
@rgs350
react

Как реализовать общий функционал для всех (нескольких) компонентов?

В типичной библиотеке компонентов для React все компоненты наследуются от React.Component. Но что если нам внезапно потребовался общий функционал для всех компонентов? Ну например свойство hidden, disabled, variation и т.д. Как быть?
  • Вопрос задан
  • 94 просмотра
Комментировать
Подписаться 2 Простой Комментировать
Решения вопроса 2
vicodin
@vicodin
Имею некоторый опыт
Дождаться января с релизом хуков, или использовать альфу сейчас - самый красивый метод :)
https://www.reactjs.org/hooks
Ответ написан
Комментировать
Комментировать
rockon404
@rockon404 Куратор тега React
Frontend Developer
Для вашей конкретной задачи хорошо подойдет StyledComopоnents:
const hiddenSyle = props => props.hidden && css`
  display: none; 
`;

const disabledStyle = props => props.disabled && css`
  pointer-events: none;
  opacity: 0.3;  
`;

const Input = styled.input`
  ${hiddenStyle}
  ${disabledStyle}
`;


Ну и почитайте про Recompose и Hooks Api
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Frontend-разработчик (React)
ДАЛЕЕ
от 130 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Настройка сервера
18 апр. 2024, в 21:56
2000 руб./за проект
Помощь с водпресс
18 апр. 2024, в 21:00
150 руб./за проект
Устранить проблемы с парсерами и отображением новостей
18 апр. 2024, в 20:08
7000 руб./за проект
Ещё заказы