在运行时获取有效的 React CSSProperties 名称

Getting valid React CSSProperties names at runtime

我想制作一个下拉列表,允许某人 select 驼峰式 CSS 属性(例如宽度、颜色、textAlign)用于 React 中的内联样式。

我没有手动填充整个下拉列表,而是想到如果我能以某种方式使用 React.CSSProperties 类型作为值,那么我就不需要自己硬编码任何内容。不过我不确定这样的事情是否可能。

或许还有另一种方法可以访问我不知道的这些属性的名称?

您可以使用此数据:https://github.com/mdn/data/tree/master/css

库 csstype 从那里获取数据并从中构建类型信息。如果您在构建步骤中根据需要转换数据,也可以在运行时使用它。

如果您不需要验证值或不需要知道特定的浏览器属性,那么您可以像@Sergiu Paraschiv 的评论中回答的那样使用document.body.style