@rgs350

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

В типичной библиотеке компонентов для React все компоненты наследуются от React.Component. Но что если нам внезапно потребовался общий функционал для всех компонентов? Ну например свойство hidden, disabled, variation и т.д. Как быть?
  • Вопрос задан
  • 87 просмотров
Решения вопроса 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
Ответ написан
Ваш ответ на вопрос

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

Войти через TM ID
Похожие вопросы
Ultimate Guitar Калининград
от 1 000 до 5 000 usd.
Spar-online Нижний Новгород
от 150 000 до 170 000 руб.
Enapter Санкт-Петербург
от 160 001 руб.
19 янв. 2019, в 09:50
650 руб./за проект
19 янв. 2019, в 07:41
10000 руб./за проект
19 янв. 2019, в 06:34
2500 руб./за проект