title: OpenData

sidebar_label: OpenData

用于展示微信开放的数据

支持情况：OpenData - 图1 OpenData - 图2 OpenData - 图3

参考文档

类型

  1. ComponentType<OpenDataProps>

示例代码

import Tabs from ‘@theme/Tabs’ import TabItem from ‘@theme/TabItem’

tsx class App extends Component { render () { return ( <OpenData type='userAvatarUrl'/> ) } } html <template> <open-data type="userAvatarUrl" /> </template>

OpenDataProps

参数 类型 默认值 必填 说明
type keyof Type 是 开放数据类型
openGid string 否 当 type=”groupName” 时生效, 群id
lang keyof Lang "en" 否 当 type=”user*” 时生效，以哪种语言展示 userInfo
defaultText string 否 数据为空时的默认文案
defaultAvatar string 否 用户头像为空时的默认图片，支持相对路径和网络图片路径
onError CommonEventFunction 否 群名称或用户信息为空时触发

API 支持度

API 微信小程序 H5 React Native
OpenDataProps.type ✔️
OpenDataProps.openGid ✔️
OpenDataProps.lang ✔️
OpenDataProps.defaultText ✔️
OpenDataProps.defaultAvatar ✔️
OpenDataProps.onError ✔️

Type

type 的合法值

参数 说明
groupName 拉取群名称
userNickName 用户昵称
userAvatarUrl 用户头像
userGender 用户性别
userCity 用户所在城市
userProvince 用户所在省份
userCountry 用户所在国家
userLanguage 用户的语言

Lang

lang 的合法值

参数 说明
en 英文
zh_CN 简体中文
zh_TW 繁体中文