Javascript 在React JS中添加外部脚本-语法错误意外标记<；

Í有两份档案

1.类组件（Home.js）

2.香草JS（test.JS）

我需要将test.js添加到Home.js。我在我的Home.js中尝试了以下方法

componentDidMount () {
    const script = document.createElement("script");
    script.src = "./test.js";
    script.async = true;
    document.body.appendChild(script);
} 
render(){
   return (
      <div className="container">
         <h2>click me</h2>
      </div>
)

const home=document.querySelector(".container h2");
home.addEventListner("click",()=>console.log("hello"))

---

在控制台中，我得到语法错误意外标记，您需要添加

babel

和

webpack

来构建代码，因为

jsx

不能直接在浏览器中运行。您需要添加

babel

和

webpack

来构建代码，因为

jsx

不能直接在浏览器中运行