代码之家  ›  专栏  ›  技术社区  ›  johannchopin

为React添加样式。碎片

  •  0
  • johannchopin  · 技术社区  · 5 年前

    我使用React,我的组件遵循以下文件结构模式:

    - componentName
      |- componentName.tsx
      |- componentName.scss
    

    其中一些组件用 <React.Fragment> 像这样:

    render() {
      return (
        <React.Fragment>
          <ChildA />
          <ChildB />
          <ChildC />
        </React.Fragment>
      );
    }
    

    是否有方法在中选择此元素 css ?类似于:

    React.Fragment {
      padding-top: 30px;
    }
    

    因为不可能添加 id 或a className 你知道吗?

    1 回复  |  直到 5 年前
        1
  •  6
  •   Tony M    5 年前

    正如其他人在评论中指出的那样, React.Fragment 不会向DOM添加任何额外的节点。但在您的情况下,似乎需要添加一个父节点。您可以添加填充到 ChildA 或更换 反应。碎片 用一个 div 对于后者,我会注意任何需要3个元素的造型( 反应。碎片 )而是接收一个元素( div ).