如何在reactstrap中制作页脚组件?

时间:2018-08-27 11:17:37

标签: javascript reactjs bootstrap-4 reactstrap

我正在使用reactstrap构建类似example这样的粘性页脚组件,但是找不到专用的页脚组件。

唯一的其他方法是只使用html:

<footer class="footer">
  <div class="container">
    <span class="text-muted">Place sticky footer content here.</span>
  </div>
</footer>

问题是以上内容没有选择我的.footer类。那是一个不同的问题,但是现在我只想知道是否有更好的方法。

仅在Cards

中定义了页脚

2 个答案:

答案 0 :(得分:4)

  1. 在React中,我们不使用class属性,而是使用className属性。通常,它将引发错误。
  2. 您的示例使用了Bootstrap提供的附加CSS sticky-footer-navbar.css文件,该文件默认情况下未提供已编译的代码。在Github Sticky Footer Navbar CSS Source Code
  3. 上获取其源代码后,您必须自己包括它

答案 1 :(得分:1)

U不需要单独的页脚组件。就像您在上面的代码中所做的一样添加div。

p.s。在React.js中class = className