다음을 통해 공유

@azure/communication-react package

  • 참조

클래스

CallError

실패한 상태 저장 API 메서드에서 오류가 발생했습니다.
ChatError

실패한 StatefulChatClient 메서드에서 오류가 발생했습니다.

인터페이스

ActiveErrorMessage

ErrorBar를 통해 표시할 활성 오류 메시지입니다.
AdapterError

오류 이벤트를 통해 보고되고 어댑터 상태에 저장된 오류입니다.
AdapterState

복합 어댑터 상태와 상호 작용하는 기능입니다.
BaseCompositeProps

이 라이브러리에서 내보낸 모든 복합에 공통적인 속성입니다.
BaseCustomStyles

이 라이브러리에서 내보낸 모든 구성 요소에 대한 기본 흐름 스타일 속성입니다.
CallAdapter

CommonCallAdapter를 확장하는 Azure Communication ID 전용 어댑터 인터페이스입니다.
CallAdapterCallManagement

현재 호출을 관리하거나 새 호출을 시작하는 기능
CallAdapterCallOperations

현재 호출을 관리하기 위한 기능입니다.
CallAdapterDeviceManagement

통화 내에서 디바이스를 관리하기 위한 기능입니다.
CallAdapterSubscribers

구독할 수 있는 복합 이벤트를 호출합니다.
CallAgentProviderProps

CallAgentProvider를 초기화하는 인수입니다.
CallAgentState

호출을 제외한 의 <xref:%40azure%2Fcommunication-calling%23CallAgent> 상태 전용 버전은 CallClientState 의 자식으로 직접 이동되며 여기에 포함되지 않습니다. CallAgent의 상태가 프록시되는 이유는 displayName에 대한 액세스를 제공하기 위해서입니다. CallAgent.displayName을 평면화하고 CallClientState에 배치하지 않습니다. displayName이 실제로 CallAgent의 생성/존재에 의존하여 사용할 수 있다는 것은 모호하기 때문입니다.
CallAndChatLocator

createAzureCommunicationCallWithChatAdapter에서 연결된 채팅 스레드와 통화에 조인하는 데 사용할 인수입니다.
CallClientProviderProps

CallClientProvider를 초기화하는 인수입니다.
CallClientState

StatefulCallClient에서 프록시된 모든 상태 데이터에 대한 컨테이너입니다. callAgent를 만든 경우 호출, callEnded, incomingCalls 및 incomingCallsEnded 상태가 자동으로 제공됩니다. deviceManager는 채워질 때까지 처음에 비어 있습니다. DeviceManagerState를 참조하세요. userId 상태는 개발자의 편의를 위해 제공되며 개발자가 완전히 제어하고 설정합니다.
CallCompositeProps

CallComposite에 대한 Props입니다.
CallCompositeStrings

CallComposite에서 직접 사용하는 문자열입니다.

이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열에 추가됩니다.
CallProviderProps

CallProvider를 초기화하는 인수입니다.
CallState

상태 전용 버전의 입니다 <xref:%40azure%2Fcommunication-calling%23Call>. StatefulCallClient 는 호출의 상태를 자동으로 검색하고 StatefulCallClient에서 노출하는 상태에 추가합니다.
CallWithChatAdapter

CallWithChatComposite 어댑터 인터페이스.
CallWithChatAdapterManagement

채팅을 사용하여 현재 통화를 관리하기 위한 기능입니다.
CallWithChatAdapterState

CallWithChat 상태는 상태 저장 채팅 및 상태 저장 통화 클라이언트의 조합으로, CallWithChat 복합에만 해당하는 일부 상태입니다.
CallWithChatAdapterSubscriptions

CallWithChatAdapter에서 구독할 수 있는 통화 및 채팅 이벤트입니다.
CallWithChatAdapterUiState

CallWithChatComposite와 관련된 UI 상태입니다.
CallWithChatClientState

CallWithChatComposite를 구동하는 백 엔드 서비스의 상태입니다.
CallWithChatCompositeProps

CallWithChatComposite에 필요한 소품
CallWithChatCompositeStrings

CallWithChatComposite에서 직접 사용하는 문자열입니다.

이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열에 추가됩니다.
CallWithChatControlOptions

CallWithChatComposite 호출 컨트롤 표시줄에 단추를 표시하거나 숨기려면 컨트롤을 호출합니다.
CallingHandlers

구성 요소를 호출하는 데 필요한 모든 처리기를 포함하는 개체입니다.

이 패키지에서 관련 구성 요소를 호출하면 이 개체에서 관련 처리기를 선택할 수 있습니다. 및 usePropsFor를 참조하세요<xref:useHandlers>.
CallingTheme

이 라이브러리에서 관련 구성 요소를 호출하는 데 사용되는 사용자 지정 Fluent 테마 팔레트입니다.
CameraButtonContextualMenuStyles

CameraButton 메뉴의 스타일입니다.
CameraButtonProps

CameraButton 구성 요소에 대한 Props입니다.
CameraButtonStrings

재정의할 수 있는 CameraButton의 문자열입니다.
CameraButtonStyles

CameraButton 스타일
ChatAdapterSubscribers

구독할 수 있는 채팅 복합 이벤트입니다.
ChatAdapterThreadManagement

현재 채팅 스레드를 관리하기 위한 기능입니다.
ChatCompositeProps

ChatComposite용 Props입니다.
ChatCompositeStrings

ChatComposite에서 직접 사용하는 문자열입니다.

이 문자열은 구성 요소 라이브러리의 구성 요소에서 사용하는 문자열에 추가됩니다.
ChatMessage

채팅 메시지입니다.
CommonCallAdapter

CallComposite 어댑터 인터페이스.
CommonCallingHandlers

구성 요소를 호출하는 데 필요한 모든 처리기를 포함하는 개체입니다.

이 패키지에서 관련 구성 요소를 호출하면 이 개체에서 관련 처리기를 선택할 수 있습니다. 및 usePropsFor를 참조하세요<xref:useHandlers>.
ComponentLocale

이 라이브러리에서 내보낸 모든 구성 요소에 대한 로캘 정보입니다.
ComponentStrings

이 라이브러리에서 내보낸 모든 구성 요소에서 사용되는 문자열입니다.
CompositeLocale

이 라이브러리에서 내보낸 모든 복합 요소에 대한 로캘 정보입니다.
CompositeStrings

복합에 직접 사용되는 문자열입니다.

이러한 문자열은 포함된 구성 요소 대신 복합 요소에서 직접 사용됩니다.
ContentSystemMessage

중재 콘텐츠가 있는 시스템 메시지입니다.
ControlBarButtonProps

ControlBarButton에 대한 Props입니다.
ControlBarButtonStrings

재정의할 수 있는 ControlBarButton 의 문자열입니다.
ControlBarProps

ControlBar에 대한 Props입니다.
CreateVideoStreamViewResult

로컬 또는 원격 VideoStream을 만든 후 반환되는 개체입니다. 여기에는 스트림의 렌더링을 조작하는 도우미 함수가 포함됩니다.
CustomMessage

사용자 지정 메시지 유형입니다.

사용자 지정 메시지는 기본적으로 렌더링되지 않지만 애플리케이션은 사용자 지정 렌더러를 제공할 수 있습니다.
DevicesButtonContextualMenuStyles

DevicesButton 메뉴의 스타일입니다.
DevicesButtonProps

디바이스에 대한 PropsButton.
DevicesButtonStrings

재정의할 수 있는 DevicesButton 의 문자열입니다.
DevicesButtonStyles

디바이스 단추 메뉴 항목에 대한 스타일입니다.
DiagnosticsCallFeatureState

에 대한 상태 전용 프록시입니다 <xref:%40azure%2Fcommunication-calling%23DiagnosticsCallFeature>.
Disposable

복합을 올바르게 삭제하는 기능입니다.
EndCallButtonProps

EndCallButton에 대한 Props입니다.
EndCallButtonStrings

재정의할 수 있는 EndCallButton 의 문자열입니다.
ErrorBarProps

ErrorBar에 대한 Props입니다.

다음 외에도 ErrorBar는 모든 <xref:%40fluentui%2Freact%23IMessageBarProps> 를 기본 로 전달합니다<xref:%40fluentui%2Freact%23MessageBar>.
ErrorBarStrings

ErrorBar의 UI에 표시될 수 있는 모든 문자열입니다.
FluentThemeProviderProps

FluentThemeProvider에 대한 Props입니다.
GridLayoutProps

GridLayout에 대한 Props입니다.
GridLayoutStyles

GridLayout 구성 요소 스타일.
HorizontalGalleryStyles

<xref:HorizontalGallery> 구성 요소 스타일.
IncomingCallState

의 상태 전용 버전입니다 <xref:%40azure%2Fcommunication-calling%23IncomingCall>. StatefulCallClient 는 들어오는 호출을 자동으로 검색하고 StatefulCallClient에서 노출하는 상태에 해당 상태를 추가합니다.
JumpToNewMessageButtonProps

에 대한 인수입니다 <xref:MessageThreadProps.onRenderJumpToNewMessageButton>.
LocalVideoCameraCycleButtonProps
LocalVideoStreamState

의 상태 전용 버전입니다 <xref:%40azure%2Fcommunication-calling%23LocalVideoStream>.
MediaDiagnosticsState

에 대한 상태 전용 프록시입니다 <xref:%40azure%2Fcommunication-calling%23MediaDiagnostics>.
MessageCommon

모든 메시지 유형의 공통 속성입니다.
MessageStatusIndicatorProps

MessageStatusIndicator에 대한 Props입니다.
MessageStatusIndicatorStrings

재정의할 수 있는 MessageStatusIndicator 의 문자열입니다.
MessageThreadStrings

재정의할 수 있는 MessageThread 의 문자열입니다.
MessageThreadStyles

MessageThread에 대한 흐름 스타일입니다.
MicrophoneButtonContextualMenuStyles

MicrophoneButton 메뉴의 스타일입니다.
MicrophoneButtonProps

MicrophoneButton에 대한 Props입니다.
MicrophoneButtonStrings

재정의할 수 있는 MicrophoneButton 의 문자열입니다.
MicrophoneButtonStyles

MicrophoneButton 스타일
NetworkDiagnosticsState

에 대한 상태 전용 프록시입니다 <xref:%40azure%2Fcommunication-calling%23NetworkDiagnostics>.
OptionsDevice

디바이스Button 플라이아웃의 디바이스(예: 카메라, 마이크 또는 스피커)입니다.
ParticipantAddedSystemMessage

참가자가 채팅 스레드에 추가되었음을 알리는 시스템 메시지입니다.
ParticipantItemProps

ParticipantItem에 대한 Props입니다.
ParticipantItemStrings

재정의할 수 있는 ParticipantItem 의 문자열입니다.
ParticipantItemStyles

ParticipantItem에 대한 흐름 스타일입니다.
ParticipantListItemStyles

ParticipantListParticipantItem에 대한 스타일입니다.
ParticipantListStyles

ParticipantList에 대한 스타일입니다.
ParticipantRemovedSystemMessage

참가자가 채팅 스레드에서 제거되었음을 알리는 시스템 메시지입니다.
ParticipantsButtonContextualMenuStyles

ParticipantsButton 메뉴의 스타일입니다.
ParticipantsButtonProps

참가자용 PropsButton.
ParticipantsButtonStrings

재정의할 수 있는 ParticipantsButton 의 문자열입니다.
ParticipantsButtonStyles

ParticipantsButton에 대한 스타일 소품입니다.
RecordingCallFeature

의 상태 전용 버전입니다 <xref:%40azure%2Fcommunication-calling%23RecordingCallFeature>. StatefulCallClient 는 호출의 기록 상태를 자동으로 수신 대기하고 이에 따라 StatefulCallClient 에 의해 노출되는 상태를 업데이트합니다.
RemoteParticipantState

의 상태 전용 버전입니다 <xref:%40azure%2Fcommunication-calling%23RemoteParticipant>. StatefulCallClient 는 자동으로 RemoteParticipants를 검색하고 StatefulCallClient에서 노출하는 상태에 해당 상태를 추가합니다.
RemoteVideoStreamState

의 상태 전용 버전입니다 <xref:%40azure%2Fcommunication-calling%23RemoteVideoStream>.
ScreenShareButtonProps

ScreenShareButton에 대한 Props입니다.
ScreenShareButtonStrings

재정의할 수 있는 ScreenShareButton 의 문자열입니다.
SendBoxProps

SendBox에 대한 Props입니다.
SendBoxStrings

재정의할 수 있는 SendBox 의 문자열입니다.
SendBoxStylesProps

에 대한 Fluent 스타일입니다 <xref:Sendbox>.
StatefulCallClient

CallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 를 상태 저장으로 사용할 수 있도록 하는 메서드를 정의합니다. 인터페이스는 프록시된 상태에 대한 액세스를 제공하고 상태 변경 이벤트에 대한 처리기를 등록할 수도 있습니다. 상태 정의는 CallClientState를 참조하세요.

상태 변경 이벤트는 다음을 통해 구동됩니다.

  • API에서 반환된 <xref:%40azure%2Fcommunication-calling%23DeviceManager> 데이터입니다.
  • API에서 반환된 <xref:%40azure%2Fcommunication-calling%23CallAgent> 데이터입니다.
  • 수신기는 다양한 Azure 통신 호출 개체에 자동으로 연결됩니다.
    • CallAgent 'incomingCall'
    • CallAgent 'callsUpdated'
    • DeviceManager 'videoDevicesUpdated'
    • DeviceManager 'audioDevicesUpdated
    • DeviceManager 'selectedMicrophoneChanged'
    • DeviceManager 'selectedSpeakerChanged'
    • 'stateChanged'를 호출합니다.
    • 'idChanged'를 호출합니다.
    • 'isMutedChanged' 호출
    • 'isScreenSharingOnChanged' 호출
    • 'remoteParticipantsUpdated'를 호출합니다.
    • 'localVideoStreamsUpdated'를 호출합니다.
    • IncomingCall 'callEnded'
    • RemoteParticipant 'stateChanged'
    • RemoteParticipant 'isMutedChanged'
    • RemoteParticipant 'displayNameChanged'
    • RemoteParticipant 'isSpeakingChanged'
    • RemoteParticipant 'videoStreamsUpdated'
    • RemoteVideoStream 'isAvailableChanged'
    • TranscriptionCallFeature 'isTranscriptionActiveChanged'
    • RecordingCallFeature 'isRecordingActiveChanged'
StatefulChatClient

{@Link @azure/communication-chat#ChatClient} 중앙 집중식 생성된 상태에서 사용할 수 있도록 하는 메서드를 정의합니다.

인터페이스는 프록시된 상태에 대한 액세스를 제공하고 상태 변경 이벤트에 대한 처리기를 등록할 수도 있습니다.
StatefulDeviceManager

위에 있는 상태 저장에 의해 추가된 추가 메서드를 <xref:%40azure%2Fcommunication-calling%23DeviceManager>정의합니다.
StreamMediaProps

StreamMedia용 Props입니다.
SystemMessageCommon

모든 시스템 메시지의 공통 속성입니다.
TopicUpdatedSystemMessage

채팅 스레드 토픽이 업데이트되었음을 알리는 시스템 메시지입니다.
TranscriptionCallFeature

상태 전용 버전의 입니다 <xref:%40azure%2Fcommunication-calling%23TranscriptionCallFeature>. StatefulCallClient 는 호출의 전사 상태를 자동으로 수신 대기하고 그에 따라 StatefulCallClient 에 의해 노출되는 상태를 업데이트합니다.
TypingIndicatorProps

TypingIndicator에 대한 Props입니다.
TypingIndicatorStrings

재정의할 수 있는 TypingIndicator 의 문자열입니다.
TypingIndicatorStylesProps

TypingIndicator에 대한 흐름 스타일입니다.
VideoGalleryProps

VideoGallery에 대한 소품입니다.
VideoGalleryRemoteParticipant

VideoGallery의 원격 참가자 상태입니다.
VideoGalleryStream

VideoGallery 참가자의 비디오 스트림입니다.
VideoGalleryStrings

VideoGallery의 UI에 표시될 수 있는 모든 문자열입니다.
VideoGalleryStyles

VideoGallery 구성 요소 스타일.
VideoStreamOptions

비디오 스트림을 렌더링하는 방법을 제어하는 옵션입니다.
VideoStreamRendererViewState

상태 전용 버전의 입니다 <xref:%40azure%2Fcommunication-calling%23VideoStreamRendererView>. 이 속성은 createView에 의해 StatefulCallClient에서 노출되는 상태에 추가되고 disposeView에서 제거됩니다.
VideoTileProps

VideoTile용 Props입니다.
VideoTileStylesProps

VideoTile에 대한 흐름 스타일입니다.

형식 별칭

AdapterErrors

어댑터는 각 작업에 대한 최신 오류를 상태에 저장합니다.

target 는 어댑터에서 수행하는 각 고유 작업에 대해 정의된 어댑터 문자열입니다.
AreEqual

2개의 react 구성 요소가 정확히 같은지 비교합니다. 결과 형식은 true/false입니다.
AreParamEqual

2개의 react 구성 요소의 props가 같은지 비교합니다. 결과 형식은 true/false입니다.
AreTypeEqual

두 형식이 같은지 비교합니다. 결과 형식은 true/false입니다.
AvatarPersonaData

사용자에 대한 아바타를 표시하기 위한 사용자 지정 데이터 특성입니다.
AvatarPersonaDataCallback

사용자에 대한 아바타를 빌드하기 위해 사용자 지정 데이터를 제공하는 데 사용되는 콜백 함수입니다.
AzureCommunicationCallAdapterArgs

CallAdapter의 Azure Communication Services 구현을 만들기 위한 인수입니다.

참고: displayName 최대 256자일 수 있습니다.
AzureCommunicationCallWithChatAdapterArgs

createAzureCommunicationCallWithChatAdapter에 대한 인수
AzureCommunicationCallWithChatAdapterFromClientArgs

에 대한 인수 <xref:createAzureCommunicationCallWithChatAdapterFromClient>
AzureCommunicationChatAdapterArgs

ChatAdapter의 Azure Communication Services 구현을 만들기 위한 인수입니다.
CallAdapterCallEndedEvent

종료된 호출에 대한 세부 정보가 포함된 CallEndedListener 에 대한 페이로드입니다.
CallAdapterClientState

Azure Communication Services 백 엔드에서 유추된 CommonCallAdapter 상태입니다.
CallAdapterLocator

createAzureCommunicationCallAdapter에서 조인 호출을 찾는 데 사용하는 로케이터
CallAdapterState

CommonCallAdapter 상태입니다.
CallAdapterUiState

순수 UI용 CommonCallAdapter 상태입니다.
CallCompositeIcons

CallComposite에 대해 재정의할 수 있는 아이콘입니다.
CallCompositeOptions

CallComposite의 선택적 기능입니다.
CallCompositePage

CallComposite에 표시된 주요 UI 화면입니다.
CallControlDisplayType

CallComposite의 컨트롤 막대 표시 유형입니다.
CallControlOptions

호출 환경의 컨트롤 바에 대한 사용자 지정 옵션입니다.
CallEndedListener

CallAdapterSubscribers 'callEnded' 이벤트에 대한 콜백입니다.
CallErrorBarSelector

ErrorBar 구성 요소의 선택기 유형입니다.
CallErrorTarget

{@Link CallErrors}의 모든 허용 키에 대한 문자열 리터럴 형식입니다.
CallErrors

호출 SDK에 대한 API 호출에서 오류가 발생했습니다.

개체의 각 속성은 특정 SDK API 메서드에 대한 최신 오류를 저장합니다.

이 개체의 오류는 를 사용하여 <xref:newClearCallErrorsModifier>지울 수 있습니다. 또한 다음과 같은 경우 오류가 자동으로 지워집니다.

  • 상태가 지워집니다.
  • 관련 API 메서드에 대한 후속 호출이 성공합니다. 오류가 자동으로 지워질 수 있는 경우에 대한 자세한 내용은 개별 상태 저장 클라이언트 메서드 설명서를 참조하세요.
CallIdChangedListener

CallAdapterSubscribers 'callIdChanged' 이벤트에 대한 콜백입니다.
CallParticipantListParticipant

UI 구성 요소에 반영된 대로 참가자의 상태를 호출합니다.
CallWithChatCompositeIcons

CallWithChatComposite에 대해 재정의할 수 있는 아이콘입니다.
CallWithChatCompositeOptions

CallWithChatComposite의 선택적 기능입니다.
CallWithChatEvent

CallWithChatAdapter에 의해 발생한 이벤트입니다.
CallingBaseSelectorProps

호출 선언적 클라이언트 상태를 참조하는 데 사용되는 일반적인 props입니다.
CallingReturnProps

usePropsFor에 대한 도우미 유형입니다.
CameraButtonSelector

CameraButton 구성 요소의 선택기 유형입니다.
ChatAdapter

ChatComposite 어댑터 인터페이스.
ChatAdapterState

ChatAdapter 상태입니다.
ChatAdapterUiState

순수 UI용 ChatAdapter 상태입니다.
ChatBaseSelectorProps

ChatClientState의 선택기에 대한 일반적인 소품입니다.
ChatClientProviderProps

ChatClientProvider를 초기화하는 인수입니다.
ChatClientState

의 <xref:%40azure%2Fcommunication-chat%23ChatClient>중앙 집중식 상태입니다.
ChatCompositeClientState

ChatAdapter 상태는 Azure Communication Services 백 엔드에서 유추됩니다.
ChatCompositeIcons

ChatComposite에 대해 재정의할 수 있는 아이콘입니다.
ChatCompositeOptions

ChatComposite의 선택적 기능입니다.
ChatErrorBarSelector

ErrorBar 구성 요소의 선택기 유형입니다.
ChatErrorTarget

ChatErrors의 모든 허용 키에 대한 문자열 리터럴 형식입니다.
ChatErrors

채팅 SDK에 대한 API 호출에서 오류가 발생했습니다.

개체의 각 속성은 특정 SDK API 메서드에 대한 최신 오류를 저장합니다.
ChatHandlers

채팅 구성 요소에 필요한 모든 처리기를 포함하는 개체입니다.

이 패키지의 채팅 관련 구성 요소는 이 개체에서 관련 처리기를 선택할 수 있습니다. 및 usePropsFor를 참조하세요<xref:useHandlers>.
ChatMessageWithStatus

에 대한 <xref:%40azure%2Fcommunication-chat%23ChatMessage> 확장은 채팅 메시지에 대한 클라이언트 쪽 전용 메타데이터를 저장합니다.

TODO: 이름이 비트로 얼룩진 경우 이름을 바꿉니다.
ChatParticipantListSelector

ParticipantList 구성 요소의 선택기 유형입니다.
ChatReturnProps

usePropsFor에 대한 도우미 유형입니다.
ChatThreadClientProviderProps

ChatThreadClientProvider를 초기화하는 인수입니다.
ChatThreadClientState

의 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient>중앙 집중식 상태입니다.
ChatThreadProperties

채팅 스레드의 속성입니다.

기본 API에서 사용하는 다양한 형식을 숨기는 데 도움이 되는 최소 형식을 정의합니다.
ClientState

또는 <xref:%40azure%2Fcommunication-chat%23ChatClient>에 대한 <xref:%40azure%2Fcommunication-calling%23CallClient> 중앙 집중식 상태입니다.

또한 CallClientState, ChatClientState를 참조하세요.
Common

2가지 형식의 교차 형식 반환
CommonProperties

2가지 형식의 교차 속성 반환
CommunicationParticipant

UI에 반영된 채팅 또는 통화 참가자의 상태입니다.
ComponentIcons

이 라이브러리에서 내보낸 React 구성 요소에서 사용하는 아이콘입니다.
ComponentProps

usePropsFor에 대한 도우미 유형입니다.
CompositeIcons

이 라이브러리에서 내보낸 복합 중 하나에서 재정의할 수 있는 아이콘입니다.

더 많은 대상 형식 은 ChatCompositeIcons, CallCompositeIcons 및 CallWithChatCompositeIcons 를 참조하세요.
ControlBarButtonStyles

모든 ControlBarButton 구현에 대한 스타일입니다.
ControlBarLayout

ControlBar에 대한 레이아웃을 표시합니다.
CreateViewResult

createView의 결과를 반환합니다.
CustomAvatarOptions

아바타(Persona) 구성 요소를 사용자 지정하기 위해 함수에 삽입 onRender 할 수 있는 옵션입니다.
DeviceManagerState

이 형식은 내부의 <xref:%40azure%2Fcommunication-calling%23DeviceManager>모든 상태를 캡슐화하기 위한 것입니다. 선택적 매개 변수의 경우 사용자가 권한을 부여할 때까지 사용할 수 없습니다. 카메라, 마이크, 스피커 및 deviceAccess 상태는 해당 <xref:%40azure%2Fcommunication-calling%23DeviceManager>'getCameras, getMicrophones, getSpeakers 및 askDevicePermission API가 호출되고 완료될 때까지 비어 있습니다.
DevicesButtonSelector

DevicesButton 구성 요소의 선택기 유형입니다.
DiagnosticChangedEventListner

CallAdapterSubscribers 'diagnosticChanged' 이벤트에 대한 콜백입니다.
DisplayNameChangedListener

CallAdapterSubscribers 'displayNameChanged' 이벤트에 대한 콜백입니다.
EmptySelector

데이터를 반환하지 않는 간단한 선택기의 형식입니다.

데이터가 필요하지 않은 구성 요소에 대해 usePropsFor 를 호출하는 경우 기본 반환 값으로 사용됩니다.
ErrorType

ErrorBar에 표시할 수 있는 모든 오류입니다.
GetCallingSelector

지정된 구성 요소에 적용할 수 있는 선택기의 특정 형식입니다.
GetChatSelector

지정된 구성 요소에 적용할 수 있는 선택기의 특정 형식입니다.
IsLocalScreenSharingActiveChangedListener

CallAdapterSubscribers 'isLocalScreenSharingActiveChanged' 이벤트에 대한 콜백입니다.
IsMutedChangedListener

CallAdapterSubscribers 'isMuted' 이벤트에 대한 콜백입니다.
IsSpeakingChangedListener

CallAdapterSubscribers 'isSpeakingChanged' 이벤트에 대한 콜백입니다.
LoadingState

스트림이 로드되고 있는지 여부입니다.
LocalizationProviderProps

LocalizationProvider에 대한 Props입니다.
MediaDiagnosticChangedEvent

미디어 진단이 변경된 DiagnosticChangedEventListner 에 대한 페이로드입니다.
Message

모든 메시지의 구분된 공용 구조체입니다.

messageType 필드는 공용 구조체 변형으로 특수화됩니다.
MessageAttachedStatus

메시지 앞/이후의 메시지와 병합하여 채팅 메시지를 표시해야 하는지 여부를 나타냅니다.

동일한 보낸 사람에서 여러 메시지를 단일 메시지 거품으로 병합하는 데 유용합니다.
MessageContentType

지원되는 채팅 메시지 콘텐츠 유형입니다.
MessageProps

단일 메시지를 렌더링하는 속성입니다.

MessageRenderer를 참조하세요.
MessageReadListener

ChatAdapterSubscribers 'messageRead' 이벤트에 대한 콜백입니다.
MessageReceivedListener

ChatAdapterSubscribers 'messageReceived' 이벤트에 대한 콜백입니다.
MessageRenderer

단일 메시지를 렌더링하는 구성 요소입니다.
MessageSentListener

ChatAdapterSubscribers 'messageSent' 이벤트에 대한 콜백입니다.
MessageStatus

보낸 메시지의 클라이언트 쪽 상태입니다.

백 엔드에서 메시지 배달이 확인되기 전에 발생하는 전환 상태를 포함합니다.
MessageThreadProps

MessageThread에 대한 Props입니다.
MessageThreadSelector

MessageThread 구성 요소의 선택기 유형입니다.
MicrophoneButtonSelector

MicrophoneButton 구성 요소의 선택기 유형입니다.
NetworkDiagnosticChangedEvent

네트워크 진단에 변경 내용이 있는 DiagnosticChangedEventListner 에 대한 페이로드입니다.
OnRenderAvatarCallback

사용자가 Persona 구성 요소의 렌더링을 사용자 지정할 수 있는 사용자 지정 렌더링 콜백입니다.
ParticipantListParticipant

참가자 목록에 표시됩니다.
ParticipantListProps

참가자 목록에 대한 Props입니다.
ParticipantListSelector

ParticipantList 구성 요소의 선택기 유형입니다.
ParticipantMenuItemsCallback

ParticipantList의 각 참가자에 대한 사용자 지정 메뉴 항목을 제공하기 위한 콜백입니다.
ParticipantState

통화 참가자의 연결 상태입니다.
ParticipantsAddedListener

ChatAdapterSubscribers 'participantsAdded' 이벤트에 대한 콜백입니다.
ParticipantsButtonSelector

ParticipantsButton 구성 요소의 선택기 유형입니다.
ParticipantsJoinedListener

CallAdapterSubscribers 'participantsJoined' 이벤트에 대한 콜백입니다.
ParticipantsLeftListener

CallAdapterSubscribers 'participantsLeft' 이벤트에 대한 콜백입니다.
ParticipantsRemovedListener

ChatAdapterSubscribers 'participantsRemoved' 이벤트에 대한 콜백입니다.
ReadReceiptsBySenderId

각 보낸 사람의 표시 이름과 마지막 읽기 메시지를 저장하는 키 값 쌍의 배열입니다.
ScreenShareButtonSelector

ScreenShareButton 구성 요소의 선택기 유형입니다.
Selector

ClientState 업데이트를 이 라이브러리의 React 구성 요소에 대한 props로 구체화하는 최적화된 선택기입니다.
SendBoxSelector

SendBox 구성 요소의 선택기 유형입니다.
StatefulCallClientArgs

StatefulCallClient를 생성하는 인수입니다.
StatefulCallClientOptions

StatefulCallClient를 생성하는 옵션입니다.
StatefulChatClientArgs

StatefulChatClient를 생성하는 인수입니다.
StatefulChatClientOptions

StatefulChatClient를 생성하는 옵션입니다.
SystemMessage

모든 시스템 메시지의 구분된 공용 구조체입니다.

systemMessageType 필드는 공용 구조체 변형을 전문으로 합니다.
TopicChangedListener

ChatAdapterSubscribers 'topicChanged' 이벤트에 대한 콜백입니다.
TypingIndicatorSelector

TypingIndicator 구성 요소의 선택기 유형입니다.
UpdateMessageCallback

콜백 함수는 메시지가 업데이트되면 실행됩니다.
VideoGalleryLayout
VideoGalleryLocalParticipant

VideoGallery의 로컬 참가자 상태입니다.
VideoGalleryParticipant

VideoGallery에 있는 참가자의 상태입니다.
VideoGallerySelector

VideoGallery 구성 요소의 선택기 유형입니다.
ViewScalingMode

VideoGalleryStream의 크기 조정 모드입니다.

함수

CallAgentProvider(CallAgentProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-calling%23CallAgent>.

이 패키지의 호출 구성 요소는 CallAgentProvider로 래핑되어야 합니다.
CallClientProvider(CallClientProviderProps)

<xref:React.Context>StatefulCallClient를 저장하는 입니다.

이 패키지의 호출 구성 요소는 CallClientProvider로 래핑되어야 합니다.
CallComposite(CallCompositeProps)

호출 환경을 위한 사용자 지정 가능한 UI 복합입니다.
CallProvider(CallProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-calling%23Call>.

이 패키지의 호출 구성 요소는 CallProvider로 래핑되어야 합니다.
CallWithChatComposite(CallWithChatCompositeProps)

CallWithChatComposite는 주요 구성 요소를 함께 제공하여 채팅 환경으로 전체 통화를 제공합니다.
CameraButton(CameraButtonProps)

카메라를 켜거나 끄는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.
ChatClientProvider(ChatClientProviderProps)

<xref:React.Context>StatefulChatClient를 저장하는 입니다.

이 패키지의 채팅 구성 요소는 ChatClientProvider로 래핑되어야 합니다.
ChatComposite(ChatCompositeProps)

채팅 환경을 위한 사용자 지정 가능한 UI 복합입니다.
ChatThreadClientProvider(ChatThreadClientProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-chat%23ChatThreadClient>.

이 패키지의 채팅 구성 요소는 ChatThreadClientProvider로 래핑되어야 합니다.
ControlBar(ControlBarProps)

호출 컨트롤에 대한 다양한 단추에 대한 컨테이너입니다.

이 라이브러리의 다양한 호출 컨트롤 단추(예: CameraButton 또는 직접 ControlBarButton 의 사용자 인스턴스)와 함께 사용합니다.
ControlBarButton(ControlBarButtonProps)

ControlBar에 대한 스타일이 지정된 기본 단추입니다.

이 구성 요소를 사용하여 UI 라이브러리에서 제공하는 다른 단추와 같은 스타일이 지정된 사용자 지정 단추를 만듭니다.
DevicesButton(DevicesButtonProps)

디바이스 옵션을 제어하는 메뉴를 여는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.
EndCallButton(EndCallButtonProps)

진행 중인 통화를 종료하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.
ErrorBar(ErrorBarProps)

UI에 오류 메시지를 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 로 허용됩니다. 활성 오류는 activeErrorMessages에서 선택합니다.

이 구성 요소는 사용자가 해제한 것을 내부적으로 추적합니다.

  • 연결된 타임스탬프가 있는 오류: 오류가 해제된 후 발생하는 경우 UI에 다시 표시됩니다.
  • 타임스탬프가 없는 오류: 오류는 props에서 사라질 때까지 해제됩니다. 오류가 다시 발생하면 UI에 표시됩니다.

UI 요소를 사용합니다 <xref:%40fluentui%2Freact%23MessageBar> .
FluentThemeProvider(FluentThemeProviderProps)

이 라이브러리의 react 구성 요소에 Fluent 테마를 적용하는 공급자입니다.
GridLayout(GridLayoutProps)

통화에서 오디오/비디오 참가자 타일을 배치하는 구성 요소입니다.
LocalizationProvider(LocalizationProviderProps)

이 라이브러리의 react 구성 요소에 대해 지역화된 문자열을 제공하는 공급자입니다.
MessageStatusIndicator(MessageStatusIndicatorProps)

보낸 메시지의 상태 표시하는 구성 요소입니다.

메시지 상태 해당하는 아이콘 및 도구 설명을 추가합니다.
MessageThread(MessageThreadProps)

MessageThread 를 사용하면 채팅 메시지를 렌더링하고, 새/이전 메시지의 스크롤 동작을 처리하고, 채팅 스레드 내부의 컨트롤에 & 아이콘을 사용자 지정하기 위한 구성 요소를 쉽게 만들 수 있습니다.
MicrophoneButton(MicrophoneButtonProps)

마이크를 켜거나 끄는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.
ParticipantItem(ParticipantItemProps)

통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.

참가자의 아바타, displayName 및 상태 선택적 아이콘 및 상황에 맞는 메뉴를 표시합니다.
ParticipantList(ParticipantListProps)

모든 통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.

기본적으로 각 참가자는 ParticipantItem으로 렌더링됩니다. 재정의하려면 를 참조하세요 <xref:ParticipantListProps.onRenderParticipant> .
ParticipantsButton(ParticipantsButtonProps)

통화 또는 채팅 참가자가 있는 메뉴를 표시하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

이 단추에는 해당 속성을 menuProps통해 정의된 드롭다운 메뉴 항목이 포함되어 있습니다. 기본적으로 전체 목록이 하위 메뉴로 포함된 원격 참가자 수와 모든 참가자를 음소거하는 옵션뿐만 아니라 호출 초대 URL을 복사하는 클립보드로 복사 단추도 표시할 수 있습니다. 완전히 menuProps 다시 정의할 수 있으며 해당 속성은 IContextualMenuProps 형식입니다.
ScreenShareButton(ScreenShareButtonProps)

화면 공유를 시작/중지하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.
SendBox(SendBoxProps)

메시지를 입력하고 보내기 위한 구성 요소입니다.

사용자가 텍스트를 입력하기 시작할 때 입력 알림 보내기를 지원합니다. 텍스트 입력 필드 아래에 있는 선택적 메시지를 지원합니다.
StreamMedia(StreamMediaProps)

비디오 스트림을 사용하여 HTMLElement를 JSX 요소로 변환하는 유틸리티 구성 요소입니다.

를 사용하여 헤드리스 호출 API에서 반환된 HTMLElement를 VideoTile로 렌더링할 수 있는 구성 요소로 변환합니다.
TypingIndicator(TypingIndicatorProps)

채팅 스레드에서 하나 이상의 참가자가 입력할 때 로컬 사용자에게 알리는 구성 요소입니다.
VideoGallery(VideoGalleryProps)

VideoGallery는 특정 통화에 대한 비디오 타일의 레이아웃을 나타냅니다. 로컬 사용자와 통화에 참가한 각 원격 참가자에 대한 VideoTile 을 표시합니다.
VideoTile(VideoTileProps)

단일 통화 참가자에 대한 비디오 스트림을 렌더링하는 구성 요소입니다.

VideoGallery에서 GridLayout과 함께 사용합니다.
createAzureCommunicationCallAdapter(AzureCommunicationCallAdapterArgs)

Azure Communication Services 의해 뒷받침되는 CallAdapter를 만듭니다.

이 라이브러리에서 제공하는 CallAdapter 의 기본 구현입니다.

참고: displayName 최대 256자일 수 있습니다.
createAzureCommunicationCallAdapterFromClient(StatefulCallClient, CallAgent, CallAdapterLocator)

제공된 StatefulCallClient를 사용하여 CallAdapter를 만듭니다.

StatefulCallClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationCallAdapter 를 사용하는 것이 좋습니다.
createAzureCommunicationCallWithChatAdapter(AzureCommunicationCallWithChatAdapterArgs)

Azure Communication Services에서 지원되는 CallWithChatAdapter를 만들어 CallWithChatComposite에 연결합니다.
createAzureCommunicationCallWithChatAdapterFromClients(AzureCommunicationCallWithChatAdapterFromClientArgs)

제공된 StatefulChatClient 및 StatefulCallClient를 사용하여 CallWithChatAdapter를 만듭니다.

StatefulChatClient 및 StatefulCallClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationCallWithChatAdapter 를 사용하는 것이 좋습니다.
createAzureCommunicationChatAdapter(AzureCommunicationChatAdapterArgs)

Azure Communication Services 의해 뒷받침되는 ChatAdapter를 만듭니다.

이 라이브러리에서 제공하는 ChatAdapter 의 기본 구현입니다.
createAzureCommunicationChatAdapterFromClient(StatefulChatClient, ChatThreadClient)

제공된 StatefulChatClient를 사용하여 ChatAdapter를 만듭니다.

StatefulChatClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationChatAdapter 를 사용하는 것이 좋습니다.
createDefaultCallingHandlers(StatefulCallClient, undefined | CallAgent, undefined | StatefulDeviceManager, undefined | Call)

Teams 통화에 대한 CallingHandlers 의 기본 구현을 만듭니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
createDefaultChatHandlers(StatefulChatClient, ChatThreadClient)

ChatHandlers의 기본 구현을 만듭니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

반환된 개체는 React 구성 요소의 props로 사용될 때 다시 전송되지 않도록 기억됩니다.
createStatefulCallClient(StatefulCallClientArgs, StatefulCallClientOptions)

ProxyCallClient를 사용하여 CallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 를 프록시하여 StatefulCallClient StatefulCallClient<xref:ProxyCallClient> 를 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다.

상태 변경이 제대로 프록시되려면 StatefulCallClient에서 가져온 및 <xref:%40azure%2Fcommunication-calling%23CallAgent><xref:%40azure%2Fcommunication-calling%23Call> 및(및 등)를 사용하는 <xref:%40azure%2Fcommunication-calling%23DeviceManager> 것이 중요합니다.
createStatefulChatClient(StatefulChatClientArgs, StatefulChatClientOptions)

ProxyChatClient를 사용하여 ChatClient를 프록시하여 상태 저장 ChatClient <xref:%40azure%2Fcommunication-chat%23ChatClient>StatefulChatClient<xref:ProxyChatClient> 를 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다.
fromFlatCommunicationIdentifier(string)

toFlatCommunicationIdentifier의 역방향 작업입니다.
getCallingSelector<Component>(Component)

지정된 구성 요소의 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
getChatSelector<Component>(Component)

지정된 구성 요소의 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
toFlatCommunicationIdentifier(CommunicationIdentifier)

<xref:%40azure%2Fcommunication-common%23CommunicationIdentifier>의 문자열 표현입니다.

CommunicationIdentifier의 이 문자열 표현은 고유한 Communication 사용자에 대해 안정적으로 유지되도록 보장됩니다. 그러므로

  • 외부 데이터베이스에서 사용자의 ID를 유지하는 데 사용할 수 있습니다.
  • 맵에 키로 사용하여 사용자의 데이터를 저장할 수 있습니다.
useAzureCommunicationCallAdapter(Partial<AzureCommunicationCallAdapterArgs>, (adapter: CallAdapter) => Promise<CallAdapter>, (adapter: CallAdapter) => Promise<void>)

CallAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationCallAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
useAzureCommunicationCallWithChatAdapter(Partial<AzureCommunicationCallWithChatAdapterArgs>, (adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>, (adapter: CallWithChatAdapter) => Promise<void>)

CallWithChatAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationCallWithChatAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
useAzureCommunicationChatAdapter(Partial<AzureCommunicationChatAdapterArgs>, (adapter: ChatAdapter) => Promise<ChatAdapter>, (adapter: ChatAdapter) => Promise<void>)

ChatAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationChatAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.
useCall()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-calling%23Call> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

이 후크를 사용하려면 이전에 CallProvider를 Call 개체와 함께 사용했어야 합니다.
useCallAgent()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-calling%23CallAgent> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
useCallClient()

공급자에서 StatefulCallClient 를 가져오려면 후크합니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
useChatClient()

후크를 사용하여 공급자로부터 StatefulChatClient 를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
useChatThreadClient()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
useDeviceManager()

후크를 사용하여 공급자에서 StatefulDeviceManager 를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
usePropsFor<Component>(Component, "chat" | "calling")

이 라이브러리에서 React 구성 요소에 필요한 모든 후크를 가져오는 기본 후크입니다.

이 후크를 호출하려면 구성 요소를 다음 공급자 아래에 래핑해야 합니다.

  1. 채팅 구성 요소의 경우: ChatClientProvider 및 ChatThreadClientProvider.

  2. 호출 구성 요소의 경우 : CallClientProvider, CallAgentProvider 및 CallAgentProvider.

구성 요소의 가장 간단한 사용법은 다음과 같습니다.

예제

    import { ParticipantList, usePropsFor } from '@azure/communication-react';

    const App = (): JSX.Element => {
        // ... code to setup Providers ...

        return <ParticipantList {...usePropsFor(ParticipantList)}/>
    }
useSelector<ParamT>(ParamT, (ParamT extends Selector ? Parameters<ParamT>[1] : undefined), "chat" | "calling")

후크를 사용하여 지정된 구성 요소에 대한 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.
useTheme()

테마에 액세스하는 React 후크

함수 세부 정보

CallAgentProvider(CallAgentProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-calling%23CallAgent>.

이 패키지의 호출 구성 요소는 CallAgentProvider로 래핑되어야 합니다.

function CallAgentProvider(props: CallAgentProviderProps): Element

매개 변수

props
CallAgentProviderProps

반환

Element

CallClientProvider(CallClientProviderProps)

<xref:React.Context>StatefulCallClient를 저장하는 입니다.

이 패키지의 호출 구성 요소는 CallClientProvider로 래핑되어야 합니다.

function CallClientProvider(props: CallClientProviderProps): Element

매개 변수

props
CallClientProviderProps

반환

Element

CallComposite(CallCompositeProps)

호출 환경을 위한 사용자 지정 가능한 UI 복합입니다.

function CallComposite(props: CallCompositeProps): Element

매개 변수

props
CallCompositeProps

반환

Element

설명

호출 복합 최소 너비/높이는 다음과 같습니다.

  • mobile: 17.5rem x 21rem(280px x 336px, 기본 rem은 16px)
  • 데스크톱: 30rem x 22rem(480px x 352px, 기본 rem은 16px)

CallProvider(CallProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-calling%23Call>.

이 패키지의 호출 구성 요소는 CallProvider로 래핑되어야 합니다.

function CallProvider(props: CallProviderProps): Element

매개 변수

props
CallProviderProps

반환

Element

CallWithChatComposite(CallWithChatCompositeProps)

CallWithChatComposite는 주요 구성 요소를 함께 제공하여 채팅 환경으로 전체 통화를 제공합니다.

function CallWithChatComposite(props: CallWithChatCompositeProps): Element

매개 변수

props
CallWithChatCompositeProps

반환

Element

CameraButton(CameraButtonProps)

카메라를 켜거나 끄는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

function CameraButton(props: CameraButtonProps): Element

매개 변수

props
CameraButtonProps

반환

Element

ChatClientProvider(ChatClientProviderProps)

<xref:React.Context>StatefulChatClient를 저장하는 입니다.

이 패키지의 채팅 구성 요소는 ChatClientProvider로 래핑되어야 합니다.

function ChatClientProvider(props: ChatClientProviderProps): Element

매개 변수

props
ChatClientProviderProps

반환

Element

ChatComposite(ChatCompositeProps)

채팅 환경을 위한 사용자 지정 가능한 UI 복합입니다.

function ChatComposite(props: ChatCompositeProps): Element

매개 변수

props
ChatCompositeProps

반환

Element

설명

채팅 복합 최소 너비와 높이는 각각 17.5rem 및 20rem(280px 및 320px, 기본 rem은 16px)입니다.

ChatThreadClientProvider(ChatThreadClientProviderProps)

<xref:React.Context> 를 저장하는 입니다<xref:%40azure%2Fcommunication-chat%23ChatThreadClient>.

이 패키지의 채팅 구성 요소는 ChatThreadClientProvider로 래핑되어야 합니다.

function ChatThreadClientProvider(props: ChatThreadClientProviderProps): Element

매개 변수

props
ChatThreadClientProviderProps

반환

Element

ControlBar(ControlBarProps)

호출 컨트롤에 대한 다양한 단추에 대한 컨테이너입니다.

이 라이브러리의 다양한 호출 컨트롤 단추(예: CameraButton 또는 직접 ControlBarButton 의 사용자 인스턴스)와 함께 사용합니다.

function ControlBar(props: ControlBarProps): Element

매개 변수

props
ControlBarProps

반환

Element

ControlBarButton(ControlBarButtonProps)

ControlBar에 대한 스타일이 지정된 기본 단추입니다.

이 구성 요소를 사용하여 UI 라이브러리에서 제공하는 다른 단추와 같은 스타일이 지정된 사용자 지정 단추를 만듭니다.

function ControlBarButton(props: ControlBarButtonProps): Element

매개 변수

props
ControlBarButtonProps

반환

Element

DevicesButton(DevicesButtonProps)

디바이스 옵션을 제어하는 메뉴를 여는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

function DevicesButton(props: DevicesButtonProps): Element

매개 변수

props
DevicesButtonProps

반환

Element

EndCallButton(EndCallButtonProps)

진행 중인 통화를 종료하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

function EndCallButton(props: EndCallButtonProps): Element

매개 변수

props
EndCallButtonProps

반환

Element

ErrorBar(ErrorBarProps)

UI에 오류 메시지를 표시하는 구성 요소입니다. 표시할 수 있는 모든 문자열은 지역화할 수 있도록 문자열 로 허용됩니다. 활성 오류는 activeErrorMessages에서 선택합니다.

이 구성 요소는 사용자가 해제한 것을 내부적으로 추적합니다.

  • 연결된 타임스탬프가 있는 오류: 오류가 해제된 후 발생하는 경우 UI에 다시 표시됩니다.
  • 타임스탬프가 없는 오류: 오류는 props에서 사라질 때까지 해제됩니다. 오류가 다시 발생하면 UI에 표시됩니다.

UI 요소를 사용합니다 <xref:%40fluentui%2Freact%23MessageBar> .

function ErrorBar(props: ErrorBarProps): Element

매개 변수

props
ErrorBarProps

반환

Element

FluentThemeProvider(FluentThemeProviderProps)

이 라이브러리의 react 구성 요소에 Fluent 테마를 적용하는 공급자입니다.

function FluentThemeProvider(props: FluentThemeProviderProps): Element

매개 변수

props
FluentThemeProviderProps

반환

Element

설명

이 라이브러리의 구성 요소는 주로 Fluent UI, 컨트롤 및 Fluent React Northstar 컨트롤에서 구성됩니다. 이 공급자는 기본 Fluent UI 컨트롤과 Fluent React Northstar 컨트롤 모두에 제공된 테마 적용을 처리합니다.

GridLayout(GridLayoutProps)

통화에서 오디오/비디오 참가자 타일을 배치하는 구성 요소입니다.

function GridLayout(props: GridLayoutProps): Element

매개 변수

props
GridLayoutProps

반환

Element

LocalizationProvider(LocalizationProviderProps)

이 라이브러리의 react 구성 요소에 대해 지역화된 문자열을 제공하는 공급자입니다.

function LocalizationProvider(props: LocalizationProviderProps): Element

매개 변수

props
LocalizationProviderProps

반환

Element

설명

구성 요소는 이 공급자를 사용하지 않는 경우 기본적으로 영어(미국)로 지역화된 문자열을 제공합니다.

MessageStatusIndicator(MessageStatusIndicatorProps)

보낸 메시지의 상태 표시하는 구성 요소입니다.

메시지 상태 해당하는 아이콘 및 도구 설명을 추가합니다.

function MessageStatusIndicator(props: MessageStatusIndicatorProps): Element

매개 변수

props
MessageStatusIndicatorProps

반환

Element

MessageThread(MessageThreadProps)

MessageThread 를 사용하면 채팅 메시지를 렌더링하고, 새/이전 메시지의 스크롤 동작을 처리하고, 채팅 스레드 내부의 컨트롤에 & 아이콘을 사용자 지정하기 위한 구성 요소를 쉽게 만들 수 있습니다.

function MessageThread(props: MessageThreadProps): Element

매개 변수

props
MessageThreadProps

MessageThreadProps 형식의

사용자는 구성 요소를 렌더링 MessageThread 하기 위해 적어도 채팅 메시지와 userId를 제공해야 합니다. 사용자는 자신의 아바타, 아이콘 JumpToNewMessageButtonLoadPreviousMessagesButton 및 MessageStatusIndicator 이러한 컨트롤의 동작을 전달하여 사용자 지정할 MessageThread 수도 있습니다.

MessageThread 내부적으로 에서 Chat & Chat.Message 구성 요소를 @fluentui/react-northstar사용합니다. 이러한 두 구성 요소에 대한 세부 정보를 확인할 수 있습니다.

반환

Element

MicrophoneButton(MicrophoneButtonProps)

마이크를 켜거나 끄는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

function MicrophoneButton(props: MicrophoneButtonProps): Element

매개 변수

props
MicrophoneButtonProps

반환

Element

ParticipantItem(ParticipantItemProps)

통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.

참가자의 아바타, displayName 및 상태 선택적 아이콘 및 상황에 맞는 메뉴를 표시합니다.

function ParticipantItem(props: ParticipantItemProps): Element

매개 변수

props
ParticipantItemProps

반환

Element

ParticipantList(ParticipantListProps)

모든 통화 또는 채팅 참가자를 렌더링하는 구성 요소입니다.

기본적으로 각 참가자는 ParticipantItem으로 렌더링됩니다. 재정의하려면 를 참조하세요 <xref:ParticipantListProps.onRenderParticipant> .

function ParticipantList(props: ParticipantListProps): Element

매개 변수

props
ParticipantListProps

반환

Element

ParticipantsButton(ParticipantsButtonProps)

통화 또는 채팅 참가자가 있는 메뉴를 표시하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

이 단추에는 해당 속성을 menuProps통해 정의된 드롭다운 메뉴 항목이 포함되어 있습니다. 기본적으로 전체 목록이 하위 메뉴로 포함된 원격 참가자 수와 모든 참가자를 음소거하는 옵션뿐만 아니라 호출 초대 URL을 복사하는 클립보드로 복사 단추도 표시할 수 있습니다. 완전히 menuProps 다시 정의할 수 있으며 해당 속성은 IContextualMenuProps 형식입니다.

function ParticipantsButton(props: ParticipantsButtonProps): Element

매개 변수

props
ParticipantsButtonProps

반환

Element

ScreenShareButton(ScreenShareButtonProps)

화면 공유를 시작/중지하는 단추입니다.

ControlBar와 함께 사용할 수 있습니다.

function ScreenShareButton(props: ScreenShareButtonProps): Element

매개 변수

props
ScreenShareButtonProps

반환

Element

SendBox(SendBoxProps)

메시지를 입력하고 보내기 위한 구성 요소입니다.

사용자가 텍스트를 입력하기 시작할 때 입력 알림 보내기를 지원합니다. 텍스트 입력 필드 아래에 있는 선택적 메시지를 지원합니다.

function SendBox(props: SendBoxProps): Element

매개 변수

props
SendBoxProps

반환

Element

StreamMedia(StreamMediaProps)

비디오 스트림을 사용하여 HTMLElement를 JSX 요소로 변환하는 유틸리티 구성 요소입니다.

를 사용하여 헤드리스 호출 API에서 반환된 HTMLElement를 VideoTile로 렌더링할 수 있는 구성 요소로 변환합니다.

function StreamMedia(props: StreamMediaProps): Element

매개 변수

props
StreamMediaProps

반환

Element

TypingIndicator(TypingIndicatorProps)

채팅 스레드에서 하나 이상의 참가자가 입력할 때 로컬 사용자에게 알리는 구성 요소입니다.

function TypingIndicator(props: TypingIndicatorProps): Element

매개 변수

props
TypingIndicatorProps

반환

Element

VideoGallery(VideoGalleryProps)

VideoGallery는 특정 통화에 대한 비디오 타일의 레이아웃을 나타냅니다. 로컬 사용자와 통화에 참가한 각 원격 참가자에 대한 VideoTile 을 표시합니다.

function VideoGallery(props: VideoGalleryProps): Element

매개 변수

props
VideoGalleryProps

반환

Element

VideoTile(VideoTileProps)

단일 통화 참가자에 대한 비디오 스트림을 렌더링하는 구성 요소입니다.

VideoGallery에서 GridLayout과 함께 사용합니다.

function VideoTile(props: VideoTileProps): Element

매개 변수

props
VideoTileProps

반환

Element

createAzureCommunicationCallAdapter(AzureCommunicationCallAdapterArgs)

Azure Communication Services 의해 뒷받침되는 CallAdapter를 만듭니다.

이 라이브러리에서 제공하는 CallAdapter 의 기본 구현입니다.

참고: displayName 최대 256자일 수 있습니다.

function createAzureCommunicationCallAdapter(__namedParameters: AzureCommunicationCallAdapterArgs): Promise<CallAdapter>

매개 변수

__namedParameters
AzureCommunicationCallAdapterArgs

반환

Promise<CallAdapter>

createAzureCommunicationCallAdapterFromClient(StatefulCallClient, CallAgent, CallAdapterLocator)

제공된 StatefulCallClient를 사용하여 CallAdapter를 만듭니다.

StatefulCallClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationCallAdapter 를 사용하는 것이 좋습니다.

function createAzureCommunicationCallAdapterFromClient(callClient: StatefulCallClient, callAgent: CallAgent, locator: CallAdapterLocator): Promise<CallAdapter>

매개 변수

callClient
StatefulCallClient
callAgent
CallAgent
locator
CallAdapterLocator

반환

Promise<CallAdapter>

createAzureCommunicationCallWithChatAdapter(AzureCommunicationCallWithChatAdapterArgs)

Azure Communication Services에서 지원되는 CallWithChatAdapter를 만들어 CallWithChatComposite에 연결합니다.

function createAzureCommunicationCallWithChatAdapter(__namedParameters: AzureCommunicationCallWithChatAdapterArgs): Promise<CallWithChatAdapter>

매개 변수

__namedParameters
AzureCommunicationCallWithChatAdapterArgs

반환

Promise<CallWithChatAdapter>

createAzureCommunicationCallWithChatAdapterFromClients(AzureCommunicationCallWithChatAdapterFromClientArgs)

제공된 StatefulChatClient 및 StatefulCallClient를 사용하여 CallWithChatAdapter를 만듭니다.

StatefulChatClient 및 StatefulCallClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationCallWithChatAdapter 를 사용하는 것이 좋습니다.

function createAzureCommunicationCallWithChatAdapterFromClients(__namedParameters: AzureCommunicationCallWithChatAdapterFromClientArgs): Promise<CallWithChatAdapter>

매개 변수

__namedParameters
AzureCommunicationCallWithChatAdapterFromClientArgs

반환

Promise<CallWithChatAdapter>

createAzureCommunicationChatAdapter(AzureCommunicationChatAdapterArgs)

Azure Communication Services 의해 뒷받침되는 ChatAdapter를 만듭니다.

이 라이브러리에서 제공하는 ChatAdapter 의 기본 구현입니다.

function createAzureCommunicationChatAdapter(__namedParameters: AzureCommunicationChatAdapterArgs): Promise<ChatAdapter>

매개 변수

__namedParameters
AzureCommunicationChatAdapterArgs

반환

Promise<ChatAdapter>

createAzureCommunicationChatAdapterFromClient(StatefulChatClient, ChatThreadClient)

제공된 StatefulChatClient를 사용하여 ChatAdapter를 만듭니다.

StatefulChatClient에 대한 참조를 유지하려는 경우에 유용합니다. 더 간단한 API에 createAzureCommunicationChatAdapter 를 사용하는 것이 좋습니다.

function createAzureCommunicationChatAdapterFromClient(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): Promise<ChatAdapter>

매개 변수

chatClient
StatefulChatClient
chatThreadClient
ChatThreadClient

반환

Promise<ChatAdapter>

createDefaultCallingHandlers(StatefulCallClient, undefined | CallAgent, undefined | StatefulDeviceManager, undefined | Call)

Teams 통화에 대한 CallingHandlers 의 기본 구현을 만듭니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function createDefaultCallingHandlers(callClient: StatefulCallClient, callAgent: undefined | CallAgent, deviceManager: undefined | StatefulDeviceManager, call: undefined | Call): CallingHandlers

매개 변수

callClient
StatefulCallClient
callAgent

undefined | CallAgent

deviceManager

undefined | StatefulDeviceManager

call

undefined | Call

반환

CallingHandlers

createDefaultChatHandlers(StatefulChatClient, ChatThreadClient)

ChatHandlers의 기본 구현을 만듭니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

반환된 개체는 React 구성 요소의 props로 사용될 때 다시 전송되지 않도록 기억됩니다.

function createDefaultChatHandlers(chatClient: StatefulChatClient, chatThreadClient: ChatThreadClient): ChatHandlers

매개 변수

chatClient
StatefulChatClient
chatThreadClient
ChatThreadClient

반환

ChatHandlers

createStatefulCallClient(StatefulCallClientArgs, StatefulCallClientOptions)

ProxyCallClient를 사용하여 CallClient <xref:%40azure%2Fcommunication-calling%23CallClient> 를 프록시하여 StatefulCallClient StatefulCallClient<xref:ProxyCallClient> 를 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다.

상태 변경이 제대로 프록시되려면 StatefulCallClient에서 가져온 및 <xref:%40azure%2Fcommunication-calling%23CallAgent><xref:%40azure%2Fcommunication-calling%23Call> 및(및 등)를 사용하는 <xref:%40azure%2Fcommunication-calling%23DeviceManager> 것이 중요합니다.

function createStatefulCallClient(args: StatefulCallClientArgs, options?: StatefulCallClientOptions): StatefulCallClient

매개 변수

args
StatefulCallClientArgs

StatefulCallClientArgs

options
StatefulCallClientOptions

StatefulCallClientOptions

반환

StatefulCallClient

createStatefulChatClient(StatefulChatClientArgs, StatefulChatClientOptions)

ProxyChatClient를 사용하여 ChatClient를 프록시하여 상태 저장 ChatClient <xref:%40azure%2Fcommunication-chat%23ChatClient>StatefulChatClient<xref:ProxyChatClient> 를 만든 다음 선언적 방식으로 상태에 대한 액세스를 허용합니다.

function createStatefulChatClient(args: StatefulChatClientArgs, options?: StatefulChatClientOptions): StatefulChatClient

매개 변수

args
StatefulChatClientArgs
options
StatefulChatClientOptions

반환

StatefulChatClient

fromFlatCommunicationIdentifier(string)

toFlatCommunicationIdentifier의 역방향 작업입니다.

function fromFlatCommunicationIdentifier(id: string): CommunicationIdentifier

매개 변수

id

string

반환

CommunicationIdentifier

getCallingSelector<Component>(Component)

지정된 구성 요소의 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function getCallingSelector<Component>(component: Component): GetCallingSelector<Component>

매개 변수

component

Component

반환

GetCallingSelector<Component>

getChatSelector<Component>(Component)

지정된 구성 요소의 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function getChatSelector<Component>(component: Component): GetChatSelector<Component>

매개 변수

component

Component

반환

GetChatSelector<Component>

toFlatCommunicationIdentifier(CommunicationIdentifier)

<xref:%40azure%2Fcommunication-common%23CommunicationIdentifier>의 문자열 표현입니다.

CommunicationIdentifier의 이 문자열 표현은 고유한 Communication 사용자에 대해 안정적으로 유지되도록 보장됩니다. 그러므로

  • 외부 데이터베이스에서 사용자의 ID를 유지하는 데 사용할 수 있습니다.
  • 맵에 키로 사용하여 사용자의 데이터를 저장할 수 있습니다.
function toFlatCommunicationIdentifier(identifier: CommunicationIdentifier): string

매개 변수

identifier
CommunicationIdentifier

반환

string

useAzureCommunicationCallAdapter(Partial<AzureCommunicationCallAdapterArgs>, (adapter: CallAdapter) => Promise<CallAdapter>, (adapter: CallAdapter) => Promise<void>)

CallAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationCallAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.

function useAzureCommunicationCallAdapter(args: Partial<AzureCommunicationCallAdapterArgs>, afterCreate?: (adapter: CallAdapter) => Promise<CallAdapter>, beforeDispose?: (adapter: CallAdapter) => Promise<void>): undefined | CallAdapter

매개 변수

args

Partial<AzureCommunicationCallAdapterArgs>

afterCreate

(adapter: CallAdapter) => Promise<CallAdapter>

beforeDispose

(adapter: CallAdapter) => Promise<void>

반환

undefined | CallAdapter

useAzureCommunicationCallWithChatAdapter(Partial<AzureCommunicationCallWithChatAdapterArgs>, (adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>, (adapter: CallWithChatAdapter) => Promise<void>)

CallWithChatAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationCallWithChatAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.

function useAzureCommunicationCallWithChatAdapter(args: Partial<AzureCommunicationCallWithChatAdapterArgs>, afterCreate?: (adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>, beforeDispose?: (adapter: CallWithChatAdapter) => Promise<void>): undefined | CallWithChatAdapter

매개 변수

args

Partial<AzureCommunicationCallWithChatAdapterArgs>

afterCreate

(adapter: CallWithChatAdapter) => Promise<CallWithChatAdapter>

beforeDispose

(adapter: CallWithChatAdapter) => Promise<void>

반환

undefined | CallWithChatAdapter

useAzureCommunicationChatAdapter(Partial<AzureCommunicationChatAdapterArgs>, (adapter: ChatAdapter) => Promise<ChatAdapter>, (adapter: ChatAdapter) => Promise<void>)

ChatAdapter 만들기를 간소화하는 사용자 지정 React 후크입니다.

createAzureCommunicationChatAdapter와 비슷하지만 내부적으로 어댑터의 비동기 생성을 처리합니다.

후크의 규칙을 준수하고 인수가 만들어질 때 인수를 전달할 수 있도록 인수를 정의하지 않도록 허용합니다. 어댑터는 모든 인수가 정의된 경우에만 만들어집니다.

각 렌더링에서 어댑터가 다시 생성되는 것을 방지하려면 인수를 기억해야 합니다. 일반적인 사용 예제는 스토리북을 참조하세요.

function useAzureCommunicationChatAdapter(args: Partial<AzureCommunicationChatAdapterArgs>, afterCreate?: (adapter: ChatAdapter) => Promise<ChatAdapter>, beforeDispose?: (adapter: ChatAdapter) => Promise<void>): undefined | ChatAdapter

매개 변수

args

Partial<AzureCommunicationChatAdapterArgs>

afterCreate

(adapter: ChatAdapter) => Promise<ChatAdapter>

beforeDispose

(adapter: ChatAdapter) => Promise<void>

반환

undefined | ChatAdapter

useCall()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-calling%23Call> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

이 후크를 사용하려면 이전에 CallProvider를 Call 개체와 함께 사용했어야 합니다.

function useCall(): undefined | Call

반환

undefined | Call

useCallAgent()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-calling%23CallAgent> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useCallAgent(): undefined | CallAgent

반환

undefined | CallAgent

useCallClient()

공급자에서 StatefulCallClient 를 가져오려면 후크합니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useCallClient(): StatefulCallClient

반환

StatefulCallClient

useChatClient()

후크를 사용하여 공급자로부터 StatefulChatClient 를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useChatClient(): StatefulChatClient

반환

StatefulChatClient

useChatThreadClient()

후크를 사용하여 공급자로부터 가져옵니다 <xref:%40azure%2Fcommunication-chat%23ChatThreadClient> .

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useChatThreadClient(): ChatThreadClient

반환

ChatThreadClient

useDeviceManager()

후크를 사용하여 공급자에서 StatefulDeviceManager 를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useDeviceManager(): undefined | StatefulDeviceManager

반환

undefined | StatefulDeviceManager

usePropsFor<Component>(Component, "chat" | "calling")

이 라이브러리에서 React 구성 요소에 필요한 모든 후크를 가져오는 기본 후크입니다.

이 후크를 호출하려면 구성 요소를 다음 공급자 아래에 래핑해야 합니다.

  1. 채팅 구성 요소의 경우: ChatClientProvider 및 ChatThreadClientProvider.

  2. 호출 구성 요소의 경우 : CallClientProvider, CallAgentProvider 및 CallAgentProvider.

구성 요소의 가장 간단한 사용법은 다음과 같습니다.

예제

    import { ParticipantList, usePropsFor } from '@azure/communication-react';

    const App = (): JSX.Element => {
        // ... code to setup Providers ...

        return <ParticipantList {...usePropsFor(ParticipantList)}/>
    }

function usePropsFor<Component>(component: Component, type?: "chat" | "calling"): ComponentProps<Component>

매개 변수

component

Component

type

"chat" | "calling"

반환

ComponentProps<Component>

useSelector<ParamT>(ParamT, (ParamT extends Selector ? Parameters<ParamT>[1] : undefined), "chat" | "calling")

후크를 사용하여 지정된 구성 요소에 대한 선택기를 가져옵니다.

이 라이브러리에서 내보낸 공급자를 활용하는 사용자 지정 구성 요소를 구현할 때 유용합니다.

function useSelector<ParamT>(selector: ParamT, selectorProps?: (ParamT extends Selector ? Parameters<ParamT>[1] : undefined), type?: "chat" | "calling"): (ParamT extends Selector ? ReturnType<ParamT> : undefined)

매개 변수

selector

ParamT

selectorProps

(ParamT extends Selector ? Parameters<ParamT>[1] : undefined)

type

"chat" | "calling"

반환

(ParamT extends Selector ? ReturnType<ParamT> : undefined)

useTheme()

테마에 액세스하는 React 후크

function useTheme(): Theme

반환

Theme