Библиотека 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, не может его увидеть.Есть ли плагин или решение этой проблемы?