Javascript 在基于react的应用程序中包含js文件？

我是

反应的初学者

。。。。 我试图将网站分解为组件，从而将其转换为

react

我的问题是如何包含我的js文件

如果我在index.html中包含js文件，或者我必须为每个组件分离

js

代码，那么代码会工作吗？

---

每个组件都需要一些

js

代码。

您可以将JavaScript代码放在使用它的组件中。如果您有一个滑块，您可以将控制所述滑块的JS函数放入

组件中

---

阅读

您可以使用

创建react应用程序

，这将创建react的演示项目。 您可以在一个文件中编写组件代码，该文件将是

App.js

，或者如果需要，您可以为每个组件创建不同的文件

index.js

将是条目js文件，因此

ReactDOM.render

将在该文件中进行

//App.js

import React, { Component } from 'react';
import FirstComp from './FirstComp';
class App extends Component{
    render(){
        return(
            <div>
                {/* JSX Statements */}
                <FirstComp />
            </div>
        );
    }
}

export default App;

//FirstComp.js
import React, { Component } from 'react';
class FirstComp extends Component{
    render(){
        return(
            <div>
                {/* JSX Statements */}
            </div>
        );
    }
}

export default FirstComp;

//App.js
从“React”导入React，{Component}；
从“/FirstComp”导入FirstComp；
类应用程序扩展组件{
render（）{
返回(
{/*JSX语句*/}
);
}
}
导出默认应用程序；
//FirstComp.js
从“React”导入React，{Component}；
类FirstComp扩展组件{
render（）{
返回(
{/*JSX语句*/}
);
}
}
导出默认的FirstComp；

试一试

既然已经导入了something.js文件，就可以调用something.js文件中的任何函数

something.someFunction()

---

你能详细说明你想要什么吗？我在每个组件中都有一个js文件…所以我要做的是我在index.html中包含它，但它似乎不起作用，所以与其将它包含在

标记中，不如使用

import

语句将它导入所有文件中，就像我的答案是这样的。事实上，我得到了答案，如果我把js文件作为脚本标记放在index.html中，它就可以工作了。我还犯了一些其他错误……但是我们不能以导入组件的方式导入js文件……我包含的js文件不是用react编写的……哦，所以它不是react组件，你能编辑你的问题并把js文件包括进来，这样我们就可以看到它是什么了吗

something.someFunction()