React-router: TypeError: Cannot set property 'props' of undefined React-router: 类型错误：无法设置未定义的属性 'props'

34 浏览
0 Comments

React-router: TypeError: Cannot set property 'props' of undefined React-router: 类型错误：无法设置未定义的属性 'props'

我正在尝试在Meteor中使用react-router包设置路由，并遇到了以下TypeError错误：

图片链接：https://postimg.org/image/v0twphnc7/

我在main.js中使用的代码如下：

import React from 'react';
import ReactDOM from 'react-dom';
import { Router, Route, IndexRoute, browserHistory } from 'react-router';
// 导入组件
import App from './components/app';
import Portfolio from './components/portfolio/portfolio';
// 创建路由
const routes = (
  
    
      
    
  
);
// 加载路由
Meteor.startup(() => {
  ReactDOM.render(routes, document.querySelector('.universe'));
});

我能够确定的问题是，当我将Portfolio定义为一个简单组件时，它可以正常工作：

const Portfolio = () => {
    return (
        Portfolio页面
    );
}

但是当我从Component中继承它时出现错误：

class Portfolio extends Component {
  render() {
    return (
        Portfolio页面
    );
  }
}

请您解释一下"普通"和类组件之间的可能差异，以及为什么会出现以下错误。

0