reactjs - 警告样式组件中的错误样式

Question

当我们编写一些错误的样式时，我们如何从样式化组件中获得警告或错误消息？我们还有任何用于样式组件的 linting 工具吗？

标签： reactjsstyled-componentsflow

Answer 1

是的，当某个属性不存在时，您会收到样式警告。例如，如果您申请

{
align-items: center
}

到一个<Text/>你会得到一个警告，这个属性在文本类型上不存在。

对于样式 linting，我最近遇到了 stylelint，它有助于在 styled-components 中进行 linting。这是阅读更多有关它的链接 https://medium.com/styled-components/announcing-production-ready-linting-for-styled-components-58adcdc4a97