V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
yantianqi
V2EX  ›  程序员

react 中写 css 应该怎么写?

  •  
  •   yantianqi · 2017-12-30 21:11:39 +08:00 · 5522 次点击
    这是一个创建于 2518 天前的主题,其中的信息可能已经有所发展或是发生改变。

    你们写 react 的时候,css 写在哪里呢

    8 条回复    2018-01-01 13:15:30 +08:00
    Kilerd
        1
    Kilerd  
       2017-12-30 21:19:09 +08:00
    方法一:
    一个 Component 一个文件夹,文件夹里面 index.jsx 定义 Component 和 props-type,style.scss 定义 css。然后再 index.jsx 中 `import './style.scss'`

    方法二:
    Components 文件夹 styles 文件夹。 一个 Component 在 Components 和 styles 文件夹里面都对应这一个文件。

    方法三:

    一个 Component 就是一个文件 xxx.jsx 。 里面用 styled-components 来定义 CSS。
    https://github.com/styled-components/styled-components

    这是我了解的三种方法。可能还有其他的。

    目前我用的是第一种,再尝试使用第三种。
    realwangyibo
        2
    realwangyibo  
       2017-12-30 23:46:37 +08:00 via iPhone
    和组件写在一起,即 css in js,多个 style 用对象展开操作符,后面的属性会覆盖前面的同名属性。

    const style = {
    background: ‘ transparent ’
    }
    qqdaiyu55
        3
    qqdaiyu55  
       2017-12-31 00:07:14 +08:00 via Android
    直接在 html 里插 css 应该最快了..
    iHirakoShinji
        4
    iHirakoShinji  
       2017-12-31 07:27:35 +08:00 via Android
    styled-components
    will0404
        5
    will0404  
       2017-12-31 11:58:06 +08:00 via iPhone
    用 glamor
    tlday
        6
    tlday  
       2017-12-31 14:22:54 +08:00 via Android
    大的开源项目的搭配一般是比较良好的。可以看看 ant.design pro,虽然我个人不喜欢阿里,但这个项目还不错。
    xiaohp
        7
    xiaohp  
       2017-12-31 22:03:04 +08:00
    react 是以组件为单位的,css 写在组件里
    LeungJZ
        8
    LeungJZ  
       2018-01-01 13:15:30 +08:00 via iPhone
    cssx 有人知道吗?在 js 中写 css,不过我没用过。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   990 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 29ms · UTC 20:41 · PVG 04:41 · LAX 12:41 · JFK 15:41
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.