useAccountInfo

获取账号信息

何时使用

当需要获取账号信息时

API

const accountInfo = useAccountInfo();

参数说明

无

返回值说明

参数	类型	说明
miniProgram	MiniProgram	小程序账号信息
plugin	Plugin	插件帐号信息（仅在插件中调用时包含这一项）

MiniProgram

参数	类型	说明
appId	string	小程序 appId
envVersion	EnvVersion	小程序版本
version	string	线上小程序版本号

Plugin

参数	类型	说明
appId	string	插件 appId
version	string	插件版本号

EnvVersion

值	类型	说明
develop	string	开发版
trial	string	体验版
release	string	正式版

代码演示

React

wechat/useAccountInfo/index

import React from 'react';
import { useAccountInfo } from 'taro-hooks';

import DemoContent from '@src/components/DemoContent';
import { Cell } from '@taroify/core';

export default () => {
  const accountInfo = useAccountInfo();

  return (
    <DemoContent>
      {Object.keys(accountInfo).length ? (
        Object.entries(accountInfo).map(([key, value]) => {
          return (
            <Cell.Group clickable title={key} key={key}>
              {typeof value === 'string' ? (
                <Cell key={key} title={'小程序 - ' + key}>
                  {value}
                </Cell>
              ) : (
                Object.entries(value as {}).map(([subKey, subValue]) => (
                  <Cell key={subKey} title={'小程序 - ' + subKey}>
                    {subValue}
                  </Cell>
                ))
              )}
            </Cell.Group>
          );
        })
      ) : (
        <Cell>暂无信息</Cell>
      )}
    </DemoContent>
  );
};

Vue

wechat/useAccountInfo/index

<template>
  <demo-content>
    <nut-cell v-if="!emptyInfo">暂无信息</nut-cell>
    <template v-else>
      <nut-cell-group
        v-for="(value, key) in accountInfo"
        :title="'小程序 - ' + key"
        :key="key"
      >
        <nut-cell
          v-if="typeof value === 'string'"
          :title="'小程序 - ' + key"
          :desc="value"
        ></nut-cell>
        <nut-cell
          v-else
          v-for="(subValue, subKey) in value"
          :key="subKey"
          :title="'小程序 - ' + subKey"
          :desc="subValue"
        ></nut-cell>
      </nut-cell-group>
    </template>
  </demo-content>
</template>

<script setup lang="ts">
import { useAccountInfo } from 'taro-hooks';

const accountInfo = useAccountInfo();

const emptyInfo = Object.keys(accountInfo)?.length;
</script>

Hook 支持度

微信小程序	H5	ReactNative
✔️