ParticipantItemProps interface

패키지:

@azure/communication-react

ParticipantItem.

속성

ariaLabelledBy	ParticipantItems 접두사를 붙이는 선택적 aria 속성: aria content: ParticipantItem 전에 읽으려는 요소의 고유 id 값을 사용합니다.
displayName	참가자의 이름입니다.
me	참가자를 표시하는 선택적 표시기는 사용자입니다.
menuItems	상황에 맞는 메뉴에 대한 IContextualMenuItem의 선택적 배열입니다.
onClick	구성 요소를 클릭할 때 선택적 콜백
onRenderAvatar	아바타를 재정의하기 위해 JSX 요소를 반환하는 선택적 콜백입니다.
onRenderIcon	선택적 콜백은 ParticipantItem의 오른쪽 부분에 렌더링된 JSX 요소를 반환합니다. 아이콘을 추가하기 위한 것입니다.
participantState	참가자 연결 상태를 확인하고 표시하기 위한 선택적 값입니다. 예를 들어 , Connecting 등이 있습니다Ringing. 표시되는 실제 텍스트는 제공된 참가자 상태에 해당하는 지역화된 문자열에 의해 결정됩니다. 예를 들어, strings.participantStateConnecting is participantState인 경우 Connecting 사용됩니다.
presence	참가자의 현재 상태를 표시하는 선택적 PersonaPresence입니다. 속성 아바타가 할당된 경우에는 영향을 미치지 않습니다.
showParticipantOverflowTooltip	참가자에게 도구 설명을 표시해야 하는지 여부를 결정하는 선택적 값입니다.
strings	구성 요소에서 재정의할 선택적 문자열
styles	사용자가 사용자 지정 CSS 스타일을 포함하는 개체를 전달할 수 있습니다.
userId	참가자의 고유 사용자 ID입니다. 이 userIdonRenderAvatar 콜백 함수에서 사용할 수 있습니다.

속성 세부 정보

ariaLabelledBy

ParticipantItems 접두사를 붙이는 선택적 aria 속성: aria content: ParticipantItem 전에 읽으려는 요소의 고유 id 값을 사용합니다.

ariaLabelledBy?: string

속성 값

string

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

participantState

참가자 연결 상태를 확인하고 표시하기 위한 선택적 값입니다. 예를 들어 , Connecting 등이 있습니다Ringing. 표시되는 실제 텍스트는 제공된 참가자 상태에 해당하는 지역화된 문자열에 의해 결정됩니다. 예를 들어, strings.participantStateConnecting is participantState인 경우 Connecting 사용됩니다.

participantState?: ParticipantState

속성 값

ParticipantState

presence

참가자의 현재 상태를 표시하는 선택적 PersonaPresence입니다. 속성 아바타가 할당된 경우에는 영향을 미치지 않습니다.

presence?: PersonaPresence

속성 값

PersonaPresence

showParticipantOverflowTooltip

참가자에게 도구 설명을 표시해야 하는지 여부를 결정하는 선택적 값입니다.

showParticipantOverflowTooltip?: boolean

속성 값

boolean

strings

구성 요소에서 재정의할 선택적 문자열

strings?: Partial<ParticipantItemStrings>

속성 값

Partial<ParticipantItemStrings>

styles

사용자가 사용자 지정 CSS 스타일을 포함하는 개체를 전달할 수 있습니다.

styles?: ParticipantItemStyles

속성 값

ParticipantItemStyles

userId

참가자의 고유 사용자 ID입니다. 이 userIdonRenderAvatar 콜백 함수에서 사용할 수 있습니다.

userId?: string

속성 값

string