如何在 React 中修复 JSX 中的渲染错误 createElement()

Question

我正在尝试渲染我的<App />组件，当我尝试编译项目时，我不断收到TypeError: cannot read property createElement of undefined in the <Home /> 、 <Navbar />和<Login />组件。 所有错误都表示Index.js中的第 9 行以下是它包含的内容：

Login.js第 3 行

import { React } from "react";

const Login = () => (
  <div>
    ...

Home.js第 4 行

import { React } from "react";
import { Link } from "react-router-dom";

const Home = () => (
  <div className="jumbotron">
 ...

Navbar.js第 6 行

import { React } from "react";
import { NavLink } from "react-router-dom";

function Navbar() {
  const activeStyle = { color: "#F15B2A" };
  return (
    <nav>
    ...

我有兴趣了解为什么我在这些组件的组件声明中不断收到错误，或者它与 return 和 render 方法以及我如何调用它们有关？

Answer 1

由于您在组件声明文件中呈现 JSX，因此您需要导入React （默认导入）以便识别 JSX。

更改所有文件中的以下行：

import { React } from 'react'

像这样导入 React：（不带括号）。

import React from 'react'