你当前正在访问 Microsoft Azure Global Edition 技术文档网站。 如果需要访问由世纪互联运营的 Microsoft Azure 中国技术文档网站，请访问 https://docs.azure.cn。

ParticipantItemProps interface

  • 参考
包:
@azure/communication-react

ParticipantItem 的 Props。

属性

displayName

参与者的名称。
me

用于显示参与者是用户的可选指示器。
menuItems

上下文菜单的可选 IContextualMenuItem 数组。
onClick

单击组件时的可选回调
onRenderAvatar

返回 JSX 元素以替代头像的可选回调。
onRenderIcon

返回在 ParticipantItem 右侧呈现的 JSX 元素的可选回调。 用于添加图标。
presence

用于显示参与者状态的可选 PersonaPresence。 如果分配了属性头像，则这不会产生影响。
showParticipantOverflowTooltip

用于确定是否应为参与者显示工具提示的 prop
strings

在组件中要替代的可选字符串
styles

允许用户传入包含自定义 CSS 样式的对象。
userId

参与者的唯一用户 ID。 这 userId 在回调函数中 onRenderAvatar 可用

属性详细信息

displayName

参与者的名称。

displayName?: string

属性值

string

me

用于显示参与者是用户的可选指示器。

me?: boolean

属性值

boolean

menuItems

上下文菜单的可选 IContextualMenuItem 数组。

menuItems?: IContextualMenuItem[]

属性值

IContextualMenuItem[]

onClick

单击组件时的可选回调

onClick?: (props?: ParticipantItemProps) => void

属性值

(props?: ParticipantItemProps) => void

onRenderAvatar

返回 JSX 元素以替代头像的可选回调。

onRenderAvatar?: OnRenderAvatarCallback

属性值

OnRenderAvatarCallback

onRenderIcon

返回在 ParticipantItem 右侧呈现的 JSX 元素的可选回调。 用于添加图标。

onRenderIcon?: (props?: ParticipantItemProps) => null | Element

属性值

(props?: ParticipantItemProps) => null | Element

presence

用于显示参与者状态的可选 PersonaPresence。 如果分配了属性头像，则这不会产生影响。

presence?: PersonaPresence

属性值

PersonaPresence

showParticipantOverflowTooltip

用于确定是否应为参与者显示工具提示的 prop

showParticipantOverflowTooltip?: boolean

属性值

boolean

strings

在组件中要替代的可选字符串

strings?: Partial<ParticipantItemStrings>

属性值

Partial<ParticipantItemStrings>

styles

允许用户传入包含自定义 CSS 样式的对象。

styles?: ParticipantItemStyles

属性值

ParticipantItemStyles

userId

参与者的唯一用户 ID。 这 userId 在回调函数中 onRenderAvatar 可用

userId?: string

属性值

string