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

Question

[rgs350]

В типичной библиотеке компонентов для React все компоненты наследуются от React.Component. Но что если нам внезапно потребовался общий функционал для всех компонентов? Ну например свойство hidden, disabled, variation и т.д. Как быть?

Answer 1

[Anton Filippov]

Дождаться января с релизом хуков, или использовать альфу сейчас - самый красивый метод :)
https://www.reactjs.org/hooks

Answer 2

[Антон Спирин]

Для вашей конкретной задачи хорошо подойдет 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