首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >有没有办法用React创建一个<style>对象?

有没有办法用React创建一个<style>对象?
EN

Stack Overflow用户
提问于 2019-12-23 22:53:06
回答 3查看 68关注 0票数 3

在一次采访中,我被问到是否有可能(是这样吗?):有没有办法用ReactJS创建一个<style>组件?

一个组件,如果我在dom检查器中检查它,它将显示为(例如):

代码语言:javascript
运行
复制
<style>
body:{ color:red;}
</style>
EN

回答 3

Stack Overflow用户

发布于 2019-12-23 22:56:45

是的,你可以这样做

代码语言:javascript
运行
复制
<style>
    {`p {display: block}`}
</style>

请注意反划线

希望这能有所帮助

票数 2
EN

Stack Overflow用户

发布于 2019-12-23 22:57:48

可以,停那儿吧。

代码语言:javascript
运行
复制
React.createElement("style", null, "body:{ color:red;}");

或者只是添加

代码语言:javascript
运行
复制
function MyStyle(){ 
    return (
        <style>
            {` body:{ color:red;} `}
        </style>
    )
}

编辑:

正如Shmili Breuer在另一个答案中所说的那样,反字符`非常重要。

为什么?因为如果你不使用它,react会认为{}是一个块作用域,而不是一个文字字符串。

票数 2
EN

Stack Overflow用户

发布于 2019-12-23 22:56:14

可以,但首选方法是在名为style的属性上设置样式。例如:

代码语言:javascript
运行
复制
<div style={styles.container}></div>

const styles = {
  container: {
    color: 'red',
  },
};
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/59457264

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档