首次编译React应用程序时出现问题

Question

我是react js的初学者，我在编译react应用时遇到问题，请有人告诉我问题

index.js：

import React from 'React'
import ReactDOM from 'react-dom';
import Myinfo from 'Myinfo.js';

ReactDOM.render(<Myinfo />, document.getElementById('root'));

Myinfo：

import React from "react";

function Myinfo() {
    return (
       <div >
        <p>jjlkjkkkjkkj</p>
        <p>jjlkjkkkjkkj</p>
        <p>jjlkjkkkjkkj</p>
        <p>jjlkjkkkjkkj</p>
      </div>
    );
  }
export default Myinfo;

这是项目的文件结构。

C:
-react js:
  -reactjs:
       -src:
           -Myinfo.js
           -index.js

Answer 1

由于Myinfo.js与您的React应用程序位于同一目录中，因此请尝试

import Myinfo from './Myinfo.js';