Kotlin/JS中如何初始化HTML i元素的style属性？

在你的Kotlin/JS React组件里，<i>元素的style属性可以通过style { ... }构建器来初始化，这是kotlin-react提供的类型安全方式，和你在button中使用的css { ... }语法逻辑一致，只是作用于内联样式：

修改你的代码片段如下：

i {
    className = ClassName("fas fa-chevron-left fa-xs")
    style = style {
        // 示例样式，根据你的需求替换
        color = NamedColor.gray
        cursor = Cursor.pointer
        transform = translate((-50).pct, (-50).pct)
        // 其他样式属性都可以在这里定义，和css块的写法相同
    }
}

说明 #

• style { ... }构建器会生成符合React要求的ReactStyle对象，直接赋值给元素的style属性即可。
• 这种方式保持了类型安全，避免了直接写JS对象的麻烦，和你已有的css代码风格统一。

内容的提问来源于stack exchange，提问作者AbbasLotfinasab