在一次采访中,我被问到是否有可能(是这样吗?):有没有办法用ReactJS创建一个<style>
组件?
一个组件,如果我在dom检查器中检查它,它将显示为(例如):
<style>
body:{ color:red;}
</style>
发布于 2019-12-23 22:56:45
是的,你可以这样做
<style>
{`p {display: block}`}
</style>
请注意反划线
希望这能有所帮助
发布于 2019-12-23 22:57:48
可以,停那儿吧。
React.createElement("style", null, "body:{ color:red;}");
或者只是添加
function MyStyle(){
return (
<style>
{` body:{ color:red;} `}
</style>
)
}
编辑:
正如Shmili Breuer在另一个答案中所说的那样,反字符`
非常重要。
为什么?因为如果你不使用它,react会认为{}
是一个块作用域,而不是一个文字字符串。
发布于 2019-12-23 22:56:14
可以,但首选方法是在名为style
的属性上设置样式。例如:
<div style={styles.container}></div>
const styles = {
container: {
color: 'red',
},
};
https://stackoverflow.com/questions/59457264
复制相似问题