javascript - 即使使用导出，Index.js 也不会导入 App.js

Question

即使当我使用“导出默认应用程序”时 仍然有一个错误说'./App不包含默认导出（导入为'App'）。在 Index.js 文件中。当我更改文件名时，错误得到解决。

这是 App.jsx 文件中的代码

import React, { useState } from 'react';
import data from './data';
import Card from './Card'
import Heading from './Heading';
const App = () => {
const state = useState();
return (
<>
  <Heading />
  <div className="cards">
    {data.map((value, index) => {

      <Card
        cardimg={value.simg}
        cardname={value.sname}
        cardtitle={value.stitle}
        cardlink={value.links}
      />
    })
     }
   </div>
 </>
);
}
export default App;

这是 index.js 文件中的代码：

import React from 'react';
import ReactDom from 'react-dom';
import './index.css';
import App from './App';

ReactDom.render(
<App/>
,document.getElementById('root')
);

标签： javascriptreactjsexportweb-development-server

Answer 1

你的 const 是 Abhay 这应该是你的出口而不是 App