我该如何使用<script> tags inside a JSX file?

Question

我只是将一些 HTML 转换为 JSX，但在 HTML 文件中有几个脚本标签。 这是下面的代码：


    <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>
    <script src="js/web3.min.js"></script>
    <script src="js/truffle-contract.js"></script>
    <script src="js/app.js"></script>
  </body>
</html>

我想知道如何在 JSX 文件中使用它们，我已经把它变成了一个组件。 我要导入它们吗？

Answer 1

您应该像我在下面展示的那样在 index.html 中添加脚本。 此外，您应该避免在此处使用带有 React 检查的 jquery。

+-- React root dir
    +-- public
        +-- index.html

索引.html

<body>
    <noscript>You need to enable JavaScript to run this app.</noscript>
    <div id="root"></div>
    <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

      You can add webfonts, meta tags, or analytics to this file.
      The build step will place the bundled scripts into the <body> tag.

      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
    --> add scripts here
</body>

此外，您可以导入 Bootstrap 阅读此内容。

我该如何使用<script> tags inside a JSX file?

问题描述

1 个解决方案

解决方案1
1 2021-04-10 22:51:42

我该如何使用<script> tags inside a JSX file?

问题描述

1 个解决方案

解决方案1 1 2021-04-10 22:51:42

解决方案1
1 2021-04-10 22:51:42