[英]How to add styling to a JSX after its creation in React?
假设我有一个从某个隐藏源返回的 JSX 元素,假设隐藏源返回 JSX,如下所示:
getElement = () => {
return (<h1>Some Test </h1>)
}
我将该 JSX 存储在某个变量中,例如
this.h = this.getElement()
在不添加外部 CSS 的情况下,如何在最终将其渲染到 DOM 之前更改h
的样式?
由于您from a hidden source
因此我假设您无法更改元素(黑框)
您可以做的是更改h
的样式道具:
this.h = this.getElement()
this.h.props.style = { ...this.h.props.style, { backgroundColor: "#00ff00" } }
这是一个例子,只是使用 React Native,但原理相同
如何弄清楚:
使用console.log(getElement)
检查getElement
的 output 会显示<h1>
已转换为React.createElement(...)
和console.log(getElement())
会显示返回的 object,您可以在其中检查props.style
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.