使用带有react router v4的组件类会引发错误

时间:2017-08-19 20:22:55

标签: react-router

我是一个反应新手,每个路由示例我都找到了定义为 const 的组件的路由,但是当使用带有react路由器v4的组件类时,会抛出以下错误:

  

“TypeError:无法读取undefined的属性'apply'       在新约(wuwemek.js:34:70)    ......“

jsbin example

在以下示例中,路由到{Home}工作正常,但路由到{About}会引发上述错误。以下相关代码 - 如果您需要了解更多信息,请与我们联系:

var { BrowserRouter, Route, Link } = ReactRouterDOM;

const Home = () => <p>home</p>

class About extends React.Component {
  render() {
    return (<div>about</div>)
  }
}

<Link to="/">home</Link>
<Link to="/about">about</Link>

<Route exact path="/" component={Home}/>
<Route path="/about" component={About}/>

1 个答案:

答案 0 :(得分:1)

您的代码没有任何问题。 您的jsbin设置不正确。您应将其设为JSX (React),而不是ES6/ Babel