Capacitor 的 React Hooks

在 Capacitor 应用中使用 React 的开发者，可以利用一系列由社区维护的实用 React Hooks，以便在 React 函数组件中访问 Capacitor API。

安装 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 ]);

扩展阅读

有关所有可用 Hooks 的文档，请参阅 @capacitor-community/react-hooks 仓库。