0

browser.js: 警告: [react-router] Historymixin は非推奨です。context.router独自の でアクセスしてください contextTypes。

私のルートファイル

const routes = (
  <Provider store={store}>
      <Router history={browserHistory}>
        <Route path="/" component={RootComponent}>
          <IndexRoute component={HomePage} />

          <Route path="profile" component={ProfilePage} >
            <IndexRoute component={ProfilePage} />
            <Route path="view/:profileId" component={ProfilePage} />
            <Route path="add" component={AddProfile} />
            <Route path="edit/:profileId" component={EditProfile} />
          </Route>

          <Route path="login" component={Login} />
          <Route path="onboard" component={Onboard} />
        </Route>
      </Router>
  </Provider>
);

export default routes;

そしてルート

import React from 'react';
import { render } from 'react-dom';
import routes from './routes';
import "babel-polyfill";

const mountPoint = document.getElementById('application-root');

if (mountPoint) {
  render(routes, mountPoint);
} else {
  console.error('could not find application mount point');
}

React-router v2.6.1

4

1 に答える 1

1

この行が原因でエラーが発生している可能性があります。「browserHistory」はどこからインポートしていますか?

<Router history={browserHistory}>

最新バージョンの react-router では、react-router パッケージ自体から履歴をインポートする必要があります

import { browserHistory } from 'react-router'

<Router history={browserHistory} routes={routes} />

詳細については、このリンクを参照してください

于 2016-08-03T08:35:51.177 に答える