Fatal编程技术网
  • ruby-on-rails/
  • Ruby on rails 在Rails应用程序中呈现Navbar React组件

Ruby on rails 在Rails应用程序中呈现Navbar React组件

ruby-on-rails twitter-bootstrap reactjs

Ruby on rails 在Rails应用程序中呈现Navbar React组件,ruby-on-rails,twitter-bootstrap,reactjs,react-rails,Ruby On Rails,Twitter Bootstrap,Reactjs,React Rails,我有一个安装了react Rails gem的简单Rails 5应用程序。我想创建一个导航栏，它将出现在我的应用程序中每个页面的顶部。我是新手，所以通常我会在application.html.erb中包含一个erb标记，该标记将呈现一个名为_navbar.html.erb的布局帮助器，并显示在yield块上方。如何使用react rails gem和navbar组件完成同样的事情？这样呈现application.html.erb中的react组件似乎不起作用： <body> &l

我有一个安装了react Rails gem的简单Rails 5应用程序。我想创建一个导航栏，它将出现在我的应用程序中每个页面的顶部。我是新手，所以通常我会在application.html.erb中包含一个erb标记，该标记将呈现一个名为_navbar.html.erb的布局帮助器，并显示在yield块上方。如何使用react rails gem和navbar组件完成同样的事情？这样呈现application.html.erb中的react组件似乎不起作用：

<body>
  <div id='app'>
    <%= react_component 'Navbar' %>
    <%= yield %>
  </div>
</body>
也许这与application.html.erb中的
在
中，并且页面尚未完全呈现有关。任何帮助都将不胜感激（包括react bootstrap navbar组件的额外积分！）谢谢

编辑：我现在可以显示一些东西，但它的格式不像导航栏。我使用的是react bootstrap文档示例，但还没有成功

您的
导航栏
组件是否在
/components
目录中？是的，我的application.js和components.js包含了我的组件目录噢，我刚才看到您忘记了括号。。。试试
嗯，我把括号括起来了，它没有改变。但是，如果我将
移动到
的底部，我现在至少可以从我的Navbar类中获得一些显示在页面上的内容。现在的问题是，我正在尝试使用react引导，但它根本没有格式化。。。