WelcomePage component allows users to enter event details manually or by scanning a QR code. It validates the input and attempts to connect to a socket with the provided credentials.
import React from 'react';import { WelcomePage } from 'mediasfu-reactjs';const parameters = { showAlert: (message) => console.log(message), updateIsLoadingModalVisible: (visible) => console.log(visible), connectSocket: (socket) => console.log(socket), updateSocket: (socket) => console.log(socket), updateValidated: (validated) => console.log(validated), updateApiUserName: (apiUserName) => console.log(apiUserName), updateApiToken: (apiToken) => console.log(apiToken), updateLink: (link) => console.log(link), updateRoomName: (roomName) => console.log(roomName), updateMember: (userName) => console.log(userName),};<WelcomePage parameters={parameters} /> Copy
import React from 'react';import { WelcomePage } from 'mediasfu-reactjs';const parameters = { showAlert: (message) => console.log(message), updateIsLoadingModalVisible: (visible) => console.log(visible), connectSocket: (socket) => console.log(socket), updateSocket: (socket) => console.log(socket), updateValidated: (validated) => console.log(validated), updateApiUserName: (apiUserName) => console.log(apiUserName), updateApiToken: (apiToken) => console.log(apiToken), updateLink: (link) => console.log(link), updateRoomName: (roomName) => console.log(roomName), updateMember: (userName) => console.log(userName),};<WelcomePage parameters={parameters} />
The rendered WelcomePage component.
Optional
Ignored by React.
Only kept in types for backwards compatibility. Will be removed in a future major release.
Used in debugging messages. You might want to set it explicitly if you want to display a different name for debugging purposes.
Legacy React Docs
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent' Copy
const MyComponent: FC = () => { return <div>Hello!</div>}MyComponent.displayName = 'MyAwesomeComponent'
WelcomePage component allows users to enter event details manually or by scanning a QR code. It validates the input and attempts to connect to a socket with the provided credentials.
Component
Example