Javascript 将网站从HTML、CSS、bootstrap和；JQuery如何反应？

大家好，希望你们没事，我是一名学生，今年我要做一些事情，比如结束我的学业，所以我选择创建一个网站（使用React/Django）。我已经有了这个网站，但它是由HTML，CSS，bootstrap&JQuery创建的，因此，现在我必须将其转换为react，但我有一个问题，我不知道如何在组件中包含一些js文件，其他一切都很顺利，我只需要js文件中的内容就可以在某些组件中应用它。 希望你能帮助我。

---

诚恳地说

您也可以在组件中使用javascript代码

const Component = props => {
//javascript code
return (<div>-- Component JSX---</div>)
}

const Component=props=>{
//javascript代码
返回（--组件JSX--）
}

如果javascript代码只是用于初始化组件，那么可以在创建组件后使用react钩子只运行一次代码

import React, { useEffect } from 'react';

const Component = props => {

useEffect(() => {
 // javascript code
}, [])

return (<div>--Component JSX---</div>
}

import React，{useffect}来自“React”；
常量组件=道具=>{
useffect（（）=>{
//javascript代码
}, [])
返回（--组件JSX---
}

---

作为第二个参数的空数组表示useEffect钩子，该钩子在组件初始化后只应运行一次效果。

因此，React的工作方式是使用React函数/类组件构建“HTML”，如本例所示

import React from 'react';
//Just like a normal javascript function, it listens to in this 
instance, the return statement. You're returning regular HTML.
function Navbar() {
  return (
    <div>This is some text built by react</div>
    <p>Saying hello to react by building a functional component</p>
  )
}

export default Navbar;  //This right here is exporting the file so it can be 
//used elsewhere just import it in other file.

从“React”导入React；
//就像一个普通的javascript函数一样，它在这里监听
实例，返回语句。您返回的是常规HTML。
函数Navbar（）{
返回(
这是react构建的一些文本
通过构建一个功能组件来进行反应

)
}
export default Navbar；//此处正导出文件，以便
//在其他地方使用，只需将其导入其他文件。

因此，回报是你将建立你的网站，然后在下一个组件中，你将导入应该像这样的东西

通常，它被称为App.js，或者在一些更复杂的情况下，它是任何你想要的东西

import Navbar from '../components/Navbar.js';

function App() {
  return (
    <Navbar /> //Now you don't have to write your main content in here you can 
               //just import it. Just like Navbar
    <div>This is my main content in page</div> 
  )
}

从“../components/Navbar.js”导入导航栏；
函数App（）{
返回(
//现在你不必在这里写你的主要内容，你可以
//只需导入它，就像导航栏一样
这是我在第页的主要内容
)
}