Question

我尝试使用我的Meteor + React项目实施AdminLTE控制面板引导模板（AdminLTE），所有内容都运行正常（除了一件事 - 见下文），使用下面的代码我的MasterPage：

import React from 'react'

import { Header } from './masterpage/Header'
import { MainSideBar } from './masterpage/MainSideBar'
import { ControlSideBar } from './masterpage/ControlSideBar'
import { Footer } from './masterpage/Footer'

export const MasterPage = ({content}) =>
    <div className="hold-transition skin-green sidebar-mini">
        <div className="wrapper">
            <Header />
            <MainSideBar />
            {content}
            <Footer />
            <ControlSideBar />
            <div className="control-sidebar-bg"></div>
        </div>
    </div>

以下是我的路由会发生的事情：

import { FlowRouter } from 'meteor/kadira:flow-router'
import React from 'react'
import { mount } from 'react-mounter'

//Layouts and Pages
import { MasterPage } from '../../ui/layouts/MasterPage'
import { HomePage } from '../../ui/pages/HomePage'

FlowRouter.route('/', {
    name: 'homepage',
    action() {
        mount(MasterPage, {
            content: <HomePage />
        })
    }
})

执行此操作后，除了单击切换按钮后控制侧栏未打开外，一切正常：

<li>
    <a href="#" data-toggle="control-sidebar">
        <i className="fa fa-gears"></i>
    </a>
</li>

我试过通过CSS打开它，似乎工作正常。我的另一个问题是现在它没有拉伸窗口的整个宽度。底部有大量的白色空间，它们刚刚未使用，看起来并不好看。

所有这些问题都是在我实施FlowRouter时开始的（之前它很有效）。我是否错误地实施了FlowRouter？如果是这样，我该怎么办？

非常感谢任何帮助！

AdminLTE：与React和FlowRouter一起使用会破坏Control-Sidebar和height bug

0 个答案: