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 的文档。