PSChatProvider

PSChatProvider là thành phần quan trọng nhất trong SDK dành cho React vì đây là nhà cung cấp ngữ cảnh xuống các thành phần con. Bạn cần đặt các UI Component SDK được sử dụng ở trong PSChatProvider để chúng có thể hoạt động.

Cách sử dụng

import { PSChatProvider, PSConversation } from "@communi/chat-react";

export const App = () => {
  const fetchCommuniToken = () => {
    return "YOUR_COMMUNI_TOKEN";
  };

  return (
    <PSChatProvider appId="YOUR_APP_ID" fetchToken={fetchCommuniToken}>
      <PSConversation />
    </PSChatProvider>
  );
};

Props API

Thuộc tính	Mô tả	Kiểu dữ liệu	Bắt buộc	Giá trị mặc định
appId	App ID của bạn	string	Có	_
fetchToken	Hàm số cung cấp để lấy Communi token từ ứng dụng của bạn. Được gọi khi khởi tạo và khi token hết hạn	function(): string	Có	_
language	Ngôn ngữ hiển thị. Giá trị chấp nhận: 'vi' hoặc 'en'	string	Không	vi
children	Thành phần con	ReactNode	Không	_
i18n	Dữ liệu ngôn ngữ bản địa hóa	{vi: Transition, en: Transition}	Không	{}
popoverBoundaryElement	Chỉ định giới hạn của toàn bộ popover của SDK. Nếu được cung cấp, các popover sẽ tuân theo ranh giới của phần tử này.	HTMLElement	Không	_
disableProviderUI	Tắt sử dụng PSUIProvider nếu giá trị là true	boolean	Không	false
isGuest	Chạy với chế độ khách nếu giá trị là true. Ở chế độ khách thì fetchToken là không bắt buộc	boolean	Không	false
className	Chỉ định tên tùy chỉnh của lớp CSS	string	Không	_
style	Chỉ định style CSS tùy chỉnh của thành phần bao ngoài	object	Không	_