Css 在通过编写缩写创建jsx元素时使用emmet编写内联样式

我正在使用vscode并学习使用emmet，我希望在创建元素时使用样式的缩写将样式应用于jsx元素。我们如何才能做到这一点？

在用户设置中添加以下内容，以便在JSX中激活emmet

"emmet.includeLanguages": {
     "javascript": "javascriptreact"
}

资料来源：

我查看了，没有任何缩写创建具有style属性的元素

并建议使用css类而不是内联样式：

内联样式不好吗？ CSS类的性能通常比内联样式好

---

谢谢，但我只是想知道是否有添加样式的缩写。@MohdRizwan，正如我在回答中所说，没有缩写。这个问题不是关于reactjs是否建议的，我只是想知道我们如何做到这一点，说我找不到与这个问题相关的任何东西不是答案。此外，我没有问我们如何使用jsx启用emmet。所以你们的答案中并没有任何问题。@MohdRizwan在emmet中并没有缩写来创建内联样式。