在运行时获取有效的 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
。
我想制作一个下拉列表,允许某人 select 驼峰式 CSS 属性(例如宽度、颜色、textAlign)用于 React 中的内联样式。
我没有手动填充整个下拉列表,而是想到如果我能以某种方式使用 React.CSSProperties
类型作为值,那么我就不需要自己硬编码任何内容。不过我不确定这样的事情是否可能。
或许还有另一种方法可以访问我不知道的这些属性的名称?
您可以使用此数据:https://github.com/mdn/data/tree/master/css。
库 csstype 从那里获取数据并从中构建类型信息。如果您在构建步骤中根据需要转换数据,也可以在运行时使用它。
如果您不需要验证值或不需要知道特定的浏览器属性,那么您可以像@Sergiu Paraschiv 的评论中回答的那样使用document.body.style
。