import React , { Component } from 'react'

class Detail extends Component {
  constructor(props) {
    super(props)
    console.error('detail: constructor')
  }

  componentDidMount() {
    console.error('detail: component did mount')
  }

  componentWillUnmount() {
    console.error('detail: component will unmount')
  }

  render() {
    console.error('detail: render')

    const props = this.props

    return (
      <div>
        <hr/>
        Detail<br/>
        id: {props.params ? props.params.id : null}<br/>
        time: {props.time}
      </div>
    )
  }
}
export default Detail

<Route index path="/list/:tag">
      <BlogList data={AppState.data}/>
</Route>

function requireAuth(nextState, replace) {
    let islogin = auth.isLogin();
    if (islogin == 'true') {

    } else {
        replace('/login')
    }
}


const RouteIndex = (props) => {
    return (
        <div>
            {props.children}
        </div>
    );
};


const CRoutes = () => {
    return (
        <HashRouter>
            <div>
                <Route path='/' component={RouteIndex}>
                    <Route path='login' component={LoginPage}/>
                    <Route index component={HomePage} enterFilter={requireAuth}/>
                </Route>
            </div>
        </HashRouter>
    );
}


 <Provider store={store}>
        <CRoutes/>
    </Provider>

// main.jsx
import React from 'react'
import ReactDOM from 'react-dom'

import App from './App'

ReactDOM.render(
  <App />, // 修改为 <div>Page</div> 可正常运行
  document.querySelector('#root')
)

// App.jsx
import React, { Component } from 'react'
import { HashRouter as Router, Route } from 'react-keeper'

import Home from './Home'
import User from './User'

class App extends Component {
  render = () => {
    return (
      <Router>
        <div>
          <Route cache index component={ Home } path="/" />
          <Route component={ User } path="/user" />
        </div>
      </Router>
    )
  }
}

export default App

// Home.jsx
import React, { Component } from 'react'

class Home extends Component {
  render = () => {
    return (
      <div>Home Page</div>
    )
  }
}

export default Home

// User.jsx
// User 与 Home 一样

const { resolve } = require('path')

module.exports = {
  entry: resolve(__dirname, './main.jsx'),
  output: {
    path: resolve(__dirname, './dist'),
    filename: 'bundle.js',
  },
  resolve: {
    mainFields: ['jsnext:main', 'module', 'main'],
    extensions: ['.js', '.jsx', '.json'],
  },
  module: {
    rules: [
      {
        test: /\.(js|jsx)$/,
        exclude: /(node_modules|bower_components)/,
        use: [
          {
            loader: 'babel-loader',
            options: {
              presets: [['env', { modules: false }], 'react'],
              plugins: ['transform-class-properties'],
            },
          },
        ],
      },
    ],
  },
}

classCallCheck.js?66b9:7 Uncaught TypeError: Cannot call a class as a function
    at exports.default (classCallCheck.js?66b9:7)
    at TestComp (TestComp.jsx?36e2:3)
    at Object.render (index.js?fa45:44)
    at eval (ReactCompositeComponent.js?063f:795)
    at measureLifeCyclePerf (ReactCompositeComponent.js?063f:75)
    at ReactCompositeComponentWrapper._renderValidatedComponentWithoutOwnerOrContext (ReactCompositeComponent.js?063f:794)
    at ReactCompositeComponentWrapper._renderValidatedComponent (ReactCompositeComponent.js?063f:821)
    at ReactCompositeComponentWrapper.performInitialMount (ReactCompositeComponent.js?063f:361)
    at ReactCompositeComponentWrapper.mountComponent (ReactCompositeComponent.js?063f:257)
    at Object.mountComponent (ReactReconciler.js?c56c:45)

class Test extends Component{
	render(){
		return (
			<div>
				<Main />
				<Route cache component={ Chat } path="/chat" />
				<Route component={ Setting } path="/setting" />
				<Route component={ Setting } path="/*" />
			</div>
		)
	}
}
class App extends Component{
	render(){
		return (
			<HashRouter>
			  <div>
			  	<Link className='dsfds' to='/welcome'>welcome</Link>
			  	<Link className='dsfds' to='/login'>login</Link>
			  	<Link className='dsfds' to='/main'>main</Link>
			  	<Link className='dsfds' to='/main/setting'>Setting</Link>
			  	<Link className='dsfds' to='/main/chat'>chat</Link>
				<Route component={ Welcome } path="/welcome" />
				<Route component={ Login } path="/login" />
				<Route component={ Test } path="/main" />
			  </div>
			</HashRouter>
		)
	}
}```