Question

我有Rails 5.1应用程序，我正在尝试使用this burger menu做出反应。我有基本的示例设置，但我的rails渲染内容只显示了一秒钟，然后反应汉堡菜单组件似乎否决它并使其消失。这是react菜单汉堡组件。

import React from 'react';
import { render } from 'react-dom';
import { push as Menu } from 'react-burger-menu'

var styles = {
...
}

class Example extends React.Component {
  showSettings (event) {
    event.preventDefault();
  }

  render () {
    return (
      <Menu styles={ styles } >
        <a id="home" className="menu-item" href="/">Home</a>
        <a id="about" className="menu-item" href="/about">About</a>
      </Menu>
    );
  }

}
render(<Example />, document.getElementById('app'));

这是我的身体来自rails主页。

<body>
  <div id="app">
  <div id="outer-container">
    <header>I am a fixed header!</header>
  <Menu pageWrapId={ "page-wrap" } outerContainerId={ "outer-container" } />
  <main id="page-wrap">
    <%= render 'layouts/messages' %>
  <%= render 'layouts/nav' %>
    <div class="content">
        <%= yield %>    
    </div>
    <%= render '/shared/footer' %>
  </main>
</div>
</div>
<%= javascript_pack_tag 'navbar' %>
</body>

在反应JS加载后，未显示固定标题，渲染和yield ERB。有什么想法吗？谢谢，对不起，我是Rails 5.1的新手并做出反应，所以只是想弄明白。

Rails 5.1 - React - React Burger Menu不显示

0 个答案: