@xiao-ying/miniapp-cloud-hooks

基于 @xiao-ying/miniapp-cloud-kit 的 React hooks（内部使用 SWR）。

安装

pnpm add @xiao-ying/miniapp-cloud-kit @xiao-ying/miniapp-cloud-hooks @xiao-ying/miniapp-sdk react swr

使用

import '@xiao-ying/miniapp-sdk'
import { createCloudKit } from '@xiao-ying/miniapp-cloud-kit'
import { CloudKitProvider, useCloudValue, useCloudMutation } from '@xiao-ying/miniapp-cloud-hooks'

const cloudKit = createCloudKit({
  appBaseURL: 'https://app.xiaoying.life'
})

const Demo = () => {
  const { value } = useCloudValue<string>('profile.theme')
  const mutation = useCloudMutation()
  return (
    <button onClick={() => mutation.set('profile.theme', 'dark')}>
      {value ?? 'unset'}
    </button>
  )
}

export const App = () => (
  <CloudKitProvider client={cloudKit}>
    <Demo />
  </CloudKitProvider>
)