如何在Reactjs外部js中添加

我是reactjs的新手,我尝试在组件中添加html / css模板。但是,当我在Public / index.html中添加JS链接时,便注意到发生了,而我的JS无法正常工作。任何人都知道是什么问题。 我希望我的外部js文件在页脚组件中工作。我向您展示我的代码index.html。

这是代码
<!DOCTYPE html>
    <html lang="en">
      <head>
        <meta charset="utf-8" />
        <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta name="theme-color" content="#000000" />
        <meta
          name="description"
          content="Web site created using create-react-app"
        />
        <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />

        <link rel="manifest" href="%PUBLIC_URL%/manifest.json" />

        <!-- Bootstrap core JavaScript -->
        <script type="text/babel" src="../src/vendor/jquery/jquery.min.js"></script>
        <script
          type="text/babel"
          src="../src/vendor/bootstrap/js/bootstrap.bundle.min.js"
        ></script>

        <!-- Custom scripts for this template -->
        <script type="text/babel" src="../src/vendor/js/clean-blog.min.js"></script>
      </body>
    </html>