Question

我正在启动一个React项目，并试图添加一个简单的导航栏。

我的App.js看起来像这样

import React, { Component, Navbar } from "react";
import TheNav from "./Components/Nav.js";
import "./App.css";

class App extends Component {
  render() {
    return <Navbar />;
  }
}

export default App;

我的index.js看起来像这样：

import React from "react";
import ReactDOM from "react-dom";
import "./index.css";
import App from "./App";
import registerServiceWorker from "./registerServiceWorker";

ReactDOM.render(<App />, document.getElementById("root"));
registerServiceWorker();

当我运行它时，浏览器对我大喊：

元素类型无效：预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入。

检查App的呈现方法。

有什么建议吗？

Answer 1

React不会导出Navbar组件。请改用您自己的TheNav。

import React, { Component } from "react";
import TheNav from "./Components/Nav.js";
import "./App.css";

class App extends Component {
  render() {
    return <TheNav />;
  }
}

export default App;

反应导航栏组件导致渲染失败

1 个答案: