小编met*_*his的帖子

我正在使用Reactjs,React Router和Relay.问题是:在我的程序组件中,所有链接我点击重定向到主页,而元素的网址显示我期望的.例如:如果我点击指向/ community/2/program/3的链接,它会将我重定向到主页,但是当我输入/ community/2/program/3到浏览器地址栏时,我可以访问该页面.

我的index.js:

const rootNode = document.createElement('div');
document.body.appendChild(rootNode);

ReactDOM.render(
  <Router
    history={browserHistory}
    routes={Route}
    render={applyRouterMiddleware(useRelay)}
    forceFetch
    environment={Relay.Store}
  />,
  rootNode
);

我的路线:

import React from 'react';
import { IndexRoute, Route, Redirect } from 'react-router';

// Queries
import ViewerQuery from './ViewerQuery';
import ProgramQuery from './ProgramQuery';

// Component
import AppContainer from '../components/App/AppContainer';
import FeatureContainer from '../components/Feature/FeatureContainer';

// Container
import ProgramContainer from '../components/Program/ProgramContainer';
import UserContainer from '../components/User/UserContainer';

export default (
  <Route path='/' component={AppContainer} queries={ViewerQuery}>
    <IndexRoute component={FeatureContainer} queries={ViewerQuery} />
    <Route path='/community/:cid' component={ProgramContainer} queries={ProgramQuery} />
    <Route …

我正在通过制作像这样的正确导航菜单来学习材料:http://demo.geekslabs.com/materialize/v3.1/或者最不喜欢这样:http://www.material-ui.com/ #/组件/应用程序栏

我正在使用抽屉来制作我的侧边栏,问题是当侧边栏被切换时,它隐藏了右边的内容.我希望当我的侧边栏切换时,它会发生并将内容推向右侧,并且侧边栏和内容都有自己的滚动条.这是我目前的代码:

Sidebar.js:

import React from 'react';
import lightBaseTheme from 'material-ui/styles/baseThemes/lightBaseTheme';
import MuiThemeProvider from 'material-ui/styles/MuiThemeProvider';
import getMuiTheme from 'material-ui/styles/getMuiTheme';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';
import RaisedButton from 'material-ui/RaisedButton';
import AppBar from 'material-ui/AppBar';

export default class Sidebar extends React.Component {

    constructor(props) {
        super(props);
        this.state = {open: false};
    }

    handleToggle = () => this.setState({open: !this.state.open});

    handleClose = () => this.setState({open: false});

    render() {
        return (
            <MuiThemeProvider muiTheme={getMuiTheme(lightBaseTheme)}>
                <div>
                    <RaisedButton
                        label="Open Drawer" …

下面的代码运行良好,但ESLint插件显示警告:"不允许使用'ForinStatement'"所以我想将其更改为其他方法来阻止警告消息:

    let count = 0;
    for (const key in groups) {
      if (Object.prototype.toString.call(groups[key]) === '[object Object]') {
        if ({}.hasOwnProperty.call(groups[key], 'users')) {
          count += groups[key].users.length;
        }
      }
    }