0

在过去的几天里，我一直在学习 ReactJS，并一直在尝试使用semantic-ui-reactReactJS 构建一个网站。我知道现在可以使用一些组件，但是我被困在诸如创建页脚之类的场景中该怎么做……通常，在我的原始 HTML 中，我会semantic.min.css在底部包含该文件：

    <div class="ui inverted pink vertical footer segment">
        <div class="ui center aligned container">
            <h4 class="ui inverted header">&copy; Copyright 2017 | All rights reserved | Blahhh</h4>
            <a href="https://www.facebook.com/"><i class="facebook square icon big"></i></a>
            <a href="https://twitter.com/"><i class="twitter square icon big"></i></a>
            <a href="https://www.linkedin.com/company/c"><i class="linkedin square icon big"></i></a>
        </div>
    </div>

现在我想把它翻译成semantic-ui-react. 默认情况下，页脚是一个类而不是组件，因此它没有组件......我认为这意味着我必须制作自己的组件并基本上编写上面的代码。我现在的问题是，我不知道如何让它像使用常规的旧语义.min.css 一样呈现。我在某处阅读以下载 css 文件并将其包含在内，但是，我不知道去哪里（MyCustomFooterComponent或index.html），并且这样做，我的网站上的加载时间不会增加。这是否意味着到处都有页脚，只是一小部分自定义代码，整个 CSS 文件都将被加载？

semantic-ui-react另外，在构建之后，我添加语义 CSS 和's CSS 是否会出现双重导入场景？

很抱歉这个问题很长，但我是新手，我想在犯下可怕的错误之前找出我能做的事情。

4

1 回答 1

2

如果您使用的是 react-semantic-ui，那么您已经包含了“旧的语义 ui.min.css”。见这里。

因此，创建一个组件并将这些代码放入 render() 中，将 'class' 更改为 'className' 然后使用它。

于 2017-07-06T01:59:33.193 回答