Question

如何将Typescript函数导入html文件并进行调用。老实说，我不确定该怎么做。

这是我的index.html，我尝试在其中调用getJSON（）

<!DOCTYPE html>
<html lang="en">

  <body>
    <section id="root"></section>

    <script
      crossorigin
      src="https://unpkg.com/react@16/umd/react.production.min.js"
    ></script>
    <script
      crossorigin
      src="https://unpkg.com/react-dom@16/umd/react-dom.production.min.js"
    ></script>

    <script>
        window.addEventListener("load", () => {
          navigator.serviceWorker.register("/sw.js").then(reg => {
            console.log("Service worker registered.", reg);
          });
        });
      }
    </script>
    <script>
      const ipc = require("electron").ipcRenderer;
      document.addEventListener("DOMContentLoaded", () => {
        ipc.send("mainWindowLoaded");
        ipc.on("resultSent", (event, arg) => {
          {
            {
              getJSON(JSON.stringify(arg));
            }
          }
          console.log(JSON.stringify(arg));
        });
      });
    </script>
  </body>
</html>

这是我的行为。

export function getJSON(probes: JSON) {
  console.log(probes);
}

Answer 1

我建议看一下React.Component.componentDidMount()。在获取JSON数据后，您将能够设置组件的状态并更新DOM。 render()函数负责呈现您的DOM，并将随着状态的变化而更新。

Answer 2

不能。浏览器无法理解TypeScript。您将需要将其转换为js。但是，您可以使用捆绑器来帮助您。但这很容易。结帐https://parceljs.org/

如何从HTML调用打字稿功能

2 个答案: