Capacitor 用 React Hooks

Capacitor アプリで React を使用している開発者は、React 関数コンポーネント内の Capacitor API にアクセスするための、コミュニティで保守されている便利な React Hooks のセットを利用することができます。

この hooks のインストール方法:

npm install @capacitor-community/react-hooks

hooks を使うためには、関数コンポーネントにインストールして利用します:

import { useFilesystem, base64FromPath, availableFeatures } from '@capacitor-community/react-hooks/filesystem';

const MyComponent = () => (
  const { readFile } = useFilesystem();

  useEffect(() => {
    const readMyFile = async () => {
      const file = await readFile({
        path: filepath,
        directory: FilesystemDirectory.Data
      });
      // ...
    }

    readMyFile();
  }, [ readFile ]);

より多くの情報

@capacitor-community/react-hooks レポジトリのドキュメンテーションにすべての利用可能な Hooks が掲載されています。