@rgs350

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

В типичной библиотеке компонентов для React все компоненты наследуются от React.Component. Но что если нам внезапно потребовался общий функционал для всех компонентов? Ну например свойство hidden, disabled, variation и т.д. Как быть?
  • Вопрос задан
  • 89 просмотров
Решения вопроса 1
vicodin
@vicodin
Имею некоторый опыт
Дождаться января с релизом хуков, или использовать альфу сейчас - самый красивый метод :)
https://www.reactjs.org/hooks
Ответ написан
Пригласить эксперта
Ответы на вопрос 1
rockon404
@rockon404
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
Ответ написан
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Indacoin Москва
от 80 000 до 160 000 руб.
Acme Crypto Corp Нижний Новгород
от 120 000 до 200 000 руб.