Javascript 大写的React元素抛出的元素类型无效--为什么?

Javascript 大写的React元素抛出的元素类型无效--为什么?,javascript,reactjs,Javascript,Reactjs,我正在尝试使用React创建自定义标记,如下所示: // imports // react import React from 'react'; import ReactDOM from 'react-dom'; // ======================================== // classes & functions const Home = <Home></Home>; // ========================

我正在尝试使用React创建自定义标记,如下所示:

// imports

// react
import React from 'react';
import ReactDOM from 'react-dom';

// ========================================

// classes & functions

const Home = <Home></Home>;

// ========================================

// exports

ReactDOM.render(
  Home,
  document.getElementById('root')
);
//导入
//反应
从“React”导入React;
从“react dom”导入react dom;
// ========================================
//类与函数
常数Home=;
// ========================================
//出口
ReactDOM.render(
家,
document.getElementById('root'))
);
抛出错误
元素类型无效

使用将此更改为


您尚未在任何地方定义
Home
以将其用作
。此外,在使用该变量时,您正在分配一个名为
Home
的变量。如果该变量已存在(
),则无法创建具有该名称的变量

const X = 1; // fine
const X = 2; // error

意味着创建名为
Home
的React类实例,这意味着必须已经定义了
Home
,这意味着您不能为名为
Home
的变量分配任何内容,因为
Home
变量必须已经存在。

您尚未在任何地方定义
Home
将其用作
。此外,在使用该变量时,您正在分配一个名为
Home
的变量。如果该变量已存在(
),则无法创建具有该名称的变量

const X = 1; // fine
const X = 2; // error
意味着创建名为
Home
的React类实例,这意味着必须已经定义了
Home
,这意味着不能为名为
Home
的变量赋值,因为
Home
变量必须已经存在

const X = 1; // fine
const X = 2; // error