インポートされた ES6 モジュール関数に onclick ハンドラーとしてアクセスするにはどうすればよいですか?

ES6 モジュールの Onclick を使用してインポートされた関数にアクセスする

ES6 モジュールでは、カプセル化されたコードが許可され、名前の競合が防止されます。ただし、インポートされた関数に onclick ハンドラーとしてアクセスすると、モジュールのスコープ指定の性質により問題が発生する可能性があります。

この問題を解決するには、いくつかのオプションがあります。

addEventListener:

addEventListener メソッドを利用すると、インポートされた関数をクリックにバインドできますevent.

<button type="button">

関数を Window オブジェクトに公開:

インポートされた関数を window オブジェクトに公開して、グローバルにアクセスできるようにします。ただし、競合の可能性があるため、このアプローチはお勧めできません。

import {hello} from './test.js';

window.hello = hello;

以上がインポートされた ES6 モジュール関数に onclick ハンドラーとしてアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。