где я могу найти список допустимых реквизитов или атрибутов для каждого компонента, поддерживаемого styled-components - PullRequest
1 голос
/ 09 октября 2019

Начиная нашу реакцию, легко найти учебники, которые показывают, как начать с реагирующих и стилизованных компонентов. Я считаю, что это легко, но трудно получить нужный стиль, потому что я не могу найти словарный эквивалент, который показывает допустимый список стилевых компонентов с внутренним списком допустимых атрибутов или значений.

ДляЭкземпляр (только) компонент button очень распространен, но ни в одной документации не указаны допустимые значения, скажем, атрибута type . как вы узнаете, что атрибут type существует, а затем узнаете, что существует только три допустимых значения button | onsubmit | reset .

Может кто-нибудь указать мне наполезный словарь или чит-лист для стилевых компонентов, используемых в React.

Кажется, вы не можете найти опции с помощью метода автозаполнения машинописи в коде.

Я понимаю, что стилевые компоненты очень полезныслой поверх javascript поверх html и css, но есть ли уместный и полный словарь допустимых значений и компонентов - он, кажется, не существует в документации по styleled-компонентам.

Отсутствие справочного документа для значений стилевых компонентов затрудняет мне, как начинающему.

1 Ответ

1 голос
/ 09 октября 2019

Хотя styled-components переносит код CSS, в нем нет предопределенных компонентов.

Использование тегов литералов шаблона (недавнее добавление в JavaScript) и мощь CSSКомпоненты позволяют вам писать фактический код CSS для стилизации ваших компонентов. Он также удаляет сопоставление между компонентами и стилями - использование компонентов в качестве низкоуровневой конструкции стиля не может быть проще!

Обратитесь к Ссылка HTML-элементов MDN , чтобы получить список из всехЭлементы HTML и их свойства.

Кроме того, если вы стилизируете пользовательский компонент, вы должны знать о его свойствах в соответствующей документации (если компонент из библиотеки) или использовать PropTypes, Flow или TypeScript.

...