在 React.js 中导出组件时出错

Question

我正在将 React.js 组件 (Comp.jsx) 导出到 App.js（主文件）并收到此错误。

错误：./src/App.js 尝试导入错误：“./Components/Comp.jsx”不包含默认导出（作为“Comp”导入）。

Comp.jsx

import React from 'react'

import ReactDOM from 'react-dom'

function MyInfo() {

    return (

        <div>

            <h1>My Name</h1>

            <p>This is a Para</p>

        </div>

    )

}

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

应用程序.js

import React from 'react';

import Comp from './Components/Comp.jsx';

function App() {

  return (

    <Comp>Hello World</Comp>

  );

}

export default App;