Javascript 在React中创建JSX后，如何向其添加样式？

假设我有一个从某个隐藏源返回的JSX元素，让我们假设隐藏源返回JSX如下：

getElement==>{ 返回一些测试 } 我将JSX存储在某个变量中，例如

this.h = this.getElement()

在最终将h呈现到DOM之前，如何在不添加外部CSS的情况下更改其样式？

由于您是从隐藏源编写的，因此我假设您无法更改元素黑盒

您可以更改h的样式道具：

如何解决这个问题：

---

使用console.loggetElement检查getElement的输出将显示传输到React.createElement的内容。。。和console.loggetElement将向您显示返回的对象，您可以在其中检查道具。但要添加这个，您可以使用React.cloneElement

this.h = this.getElement()
this.h.props.style = { ...this.h.props.style, { backgroundColor: "#00ff00" } }