Question

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

js：1375警告：React.createElement：类型无效-预期为内置组件的字符串）或类/函数（对于复合组件），但得到：。您是否意外导出了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

您需要从a == 41 && a != 0将其导出为功能组件。并且App.js中的<Route>也需要写成：

<Route>

您拥有的根本不是有效的JSX。

React.createElement：类型无效-预期为字符串-index.js

1 个答案: