语法错误，无法导入React和React-Dom

Question

我在尝试导入React和React-Dom时遇到一个语法错误，我是一个全新的react新手，如果你能帮助我，我将不胜感激。SyntaxError: C:/Users/Genti/Anaconda3/envs/MMS/geodjango/MMS/static/js/index.js:意外标记(1:18)

> 1 | import React from react;
    |                   ^
  2 | import ReactDOM from 'react-dom';
  3 |
  4 | function Hello(props) {

这是我的代码：

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

function Hello(props) {
    return <h1> Hey, {props.name} </h1>
}

const element = <Hello name="Gent" />;

ReactDOM.render(
    element,
    document.getElementById('react')
)

Answer 1

使用简单的引号

import React from 'react';

Answer 2

您需要在字符串中传递react：

import React from 'react';

导入操作要求提供要在node_modules目录中查找的字符串路径。

Answer 3

import React from react; -> import React from 'react';

您需要将其作为字符串