React.createElement：类型无效——需要一个字符串——index.js

Question

试图让我的内容呈现在我的主页上，但在浏览器控制台中出现以下错误。我正在使用更新 create-react-app v4：

js:1375 警告：React.createElement: type is invalid - 预期为内置组件的字符串）或类/函数（用于复合组件）但得到：。您是否不小心导出了 JSX 文字而不是组件？

index.js

import React from 'react';
import ReactDOM from 'react-dom';
import './sass/main.scss';
import App from './App';
import * as serviceWorker from './serviceWorker';

ReactDOM.render(<App />, document.getElementById('cantainer'));

serviceWorker.unregister();

App.js

import React from 'react';
import './sass/main.scss';
import { Route } from 'react-router';
import App from './components/app';
import Home from './components/pages/home';

export default (
  <Route path='/' component={App}>
    <Route path='/' component={Home} />
  </Route>
);

./components/app

import React, { Component } from "react";

export default class App extends Component {
  render() {
    return (
      <div>
        {this.props.children}
      </div>
    );
  }
}

Answer 1

您需要将其作为函数组件从App.js 导出。而<Route>里面的<Route>也需要写成：

export default () => (
  <Route
    path="/"
    render={props => (
      <App {...props}>
        <Home />
      </App>
    )}
  />
);

你所拥有的根本不是一个有效的 JSX。