Использование `eslint-plugin-jsx-a11y` с` styled-components` - PullRequest
0 голосов
/ 17 февраля 2019

Библиотека styled-components позволяет создавать настраиваемые компоненты, например:

const Button = styled.div`
  display: inline-block;
  border-radius: 3px;
  padding: 0.5rem 0;
  margin: 0.5rem 1rem;
  width: 11rem;
  background: transparent;
  color: white;
  border: 2px solid white;
`;

function App(props) {
  return (<Button onClick={() => console.log("clicked!")}>Styled</Button>);
}

Следующая кнопка доступна для нажатия, но сделана из элемента <div />, поэтому обычно eslint-plugin-jsx-a11yтребуются такие атрибуты, как tabIndex, role и т. д.

Проблема заключается в том, что компонент, созданный из styled.div ES-Lint, не может его увидеть.Есть ли плагин или решение этой проблемы?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...