在哪里可以找到样式化组件支持的每个组件的允许道具或属性列表

问题描述 投票:1回答:1

启动我们的in react,很容易找到显示如何开始使用react和样式化组件的教程。我觉得这很容易,但是很难得到想要的样式,因为我找不到一个字典等效项,该字典等效项显示了样式组件的允许列表以及内部允许的属性或值的列表。

例如(仅(例如))button组件很常见,但是文档中都没有显示type属性的允许值。您如何知道type属性存在,然后知道只有三个允许的值button | onsubmit | reset

任何人都可以指出我与React一起使用的样式组件的有用字典或速查表。

似乎您无法通过vs代码中的打字稿自动完成方法找到选项。

我意识到样式组件是html和css上javascript上非常有用的层,但是是否存在相关且完整的允许值和组件字典-它似乎在样式组件文档中不存在。

缺少样式化组件值的参考文档,这使我作为新手很难。

reactjs components styled-components react-props
1个回答
1
投票

虽然styled-components包装CSS代码,但它没有预定义的组件。

利用带标签的模板文字(JavaScript的最新功能)和CSS的强大功能,样式化组件使您可以编写实际的CSS代码来对组件进行样式化。它还消除了组件和样式之间的映射-使用组件作为低级样式构造并不容易!

有关所有HTML元素及其属性的列表,请参考styled-components。>>

[此外,如果要对自定义组件进行样式设置,则应在相应文档中了解其属性(如果该组件来自库),或者使用MDN HTML elements referencePropTypesPropTypes

© www.soinside.com 2019 - 2024. All rights reserved.