2016-08-02 7 views
0

browser.js: Warnung: [reagieren-Router] die History mixin ist veraltet, bitte context.router mit Ihrem eigenen contextTypes zugreifen.Was hat diese Warnung im React-Router verursacht?

Meine Routen-Datei

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; 

und Wurzel

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

+0

einen Haltepunkt auf der Linie setzen, der aussendet Diese Warnung und überprüfen Sie die Stack-Verfolgung bis zu dem Ort, an dem dieses Ding überprüft wird. Dann weißt du, was genau das verursacht. – zerkms

Antwort

1

Der Fehler kann durch diese Linie verursacht werden. Woher importierst du 'browserHistory'?

<Router history={browserHistory}> 

In der neuesten Version von reagieren-Router, müssen Sie Geschichte importieren aus reagieren-Router-Paket selbst

import { browserHistory } from 'react-router' 

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

this link Siehe für weitere Details

Verwandte Themen