跳到主要内容
版本:v8

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

更多阅读

请参阅 @capacitor-community/react-hooks 存储库以获取所有可用 hooks 的文档。