Reactjs 如何在react.js中导入index.js中的组件

我已经在src文件夹中创建了组件文件夹，并尝试编写简单的问候语程序，为此我创建了3个文件：

GreetUser.jsx

index.jsx

index.html

编译时，它显示找不到所需的index.js文件

我已经在Component文件夹中编写了3个文件，并在index.jsx文件中导入了GreetingUser模块，编译时显示找不到所需的index.js文件

1.GreetingUser.jsx

import React , {component}  from 'react';
class GreetUser extends component
{
    render()
    {
        return <h1>Greetings from suraj!!!!</h1>;
    }
}
export default GreetUser;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import * as serviceWorker from './serviceWorker';

import GreetUser from './Component/GreetUser.jsx';


ReactDOM.render(<GreetUser/>,document.getElementById('aaa'));


serviceWorker.unregister();

import React，{component}来自'React'；
类GreetUser扩展组件
{
render（）
{
回报苏拉杰的问候！！！！；
}
}
导出默认GreetUser；

2.index.jsx

import React , {component}  from 'react';
class GreetUser extends component
{
    render()
    {
        return <h1>Greetings from suraj!!!!</h1>;
    }
}
export default GreetUser;

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import '../node_modules/bootstrap/dist/css/bootstrap.min.css';
import * as serviceWorker from './serviceWorker';

import GreetUser from './Component/GreetUser.jsx';


ReactDOM.render(<GreetUser/>,document.getElementById('aaa'));


serviceWorker.unregister();

从“React”导入React；
从“react dom”导入react dom；
导入“./index.css”；
导入“../node_modules/bootstrap/dist/css/bootstrap.min.css”；
将*作为serviceWorker从“/serviceWorker”导入；
从“./Component/GreetUser.jsx”导入GreetUser；
ReactDOM.render（，document.getElementById（'aaa'）；
serviceWorker.unregister（）；

找不到所需的文件。 名称：index.js

---

从根本上说，JSX只为React.createElement（组件、道具、子项）函数提供语法上的支持。 索引文件必须具有.js扩展名，而不是jsx不是react组件。 文件夹中的index.js文件允许您隐式地从文件夹执行导入，而无需在导入语句中指定index.js–就像web服务器如何在文件夹中提供index.html，而无需将index.html显式地放入URL中

如果需要，您可以修改网页包配置。

---

您可以查看其他答案：

您可以共享index.html文件吗？您可能正在加载脚本

index.js

，而不是

index.jsx

。您是如何创建react应用程序的？使用create react app cli？是create react app react app（app name）是文件名GreetUser.jsx或GreetingUser.jsx？我是否也需要写入app.js？否。这是create react app中的一种模式。我已删除src文件夹中的所有预加载文件，并创建了新文件夹以及创建的GreetUser.jsx文件。是否有强制要求index.js必须是n src foldr only我想你在这里收到了你当前问题的答案。是的…但是你能建议一些关于react的文档吗..我已经阅读了他们的官方网站，但还不够。。