代码之家  ›  专栏  ›  技术社区  ›  david benalal

如何在react中添加footer div?

  •  1
  • david benalal  · 技术社区  · 6 年前

    在我的React Web应用程序中,index.html中的正文如下:

    <body>
      <div id="root"></div>
      <script src="index.js"></script>
    </body>
    

    在index.js中,我的呈现方法如下:

    render(
      <Provider store={store}>
        <Router history={history} routes={routes} />
      </Provider>,
      document.getElementById('root')
    )
    

    我希望能够在index.html和index.js中添加一个页脚div,这样我就可以正确地设置它的样式,并根据根的动态高度将它保持在页面的底部。如何实现页脚div?

    1 回复  |  直到 6 年前
        1
  •  1
  •   Tholle    6 年前

    你可以再加一个div <div id="footer"></div> 低于您的 root 分别呈现:

    render(<Footer />, document.getElementById('footer'))