chatkit-react-api

React Color Component

Status

Incompleted version

Installation

npm install --save react-chat-api-component-test

How To Use

First import this component where you want to use it

import {withChatkitOneToOne} from "react-chat-api-component-test"

Props

Prop	Description	Default value	Type
roomID	Sets Room ID(requied)	None	string
roomName	Sets Room Name(requied)	None	string
userID	Sets User ID(requied)	None	string
userName	Sets User Name(requied)	None	string

Example

import React from 'react';
import {withChatkitOneToOne} from 'react-chat-api-component-test';

function Chat(props) {
  const [message, setMessage] = React.useState('');
  function sendMessage() {
    const msgContent = {
        type: 'text',
        message: message
    }
    props.chatkit.sendSimpleMessage(msgContent)
  }
  function messageChange(e) {
    setMessage(e.target.value);
    props.chatkit.typeing();
  }
  React.useEffect(() => {
  }, [props])
  
  return (
    <div className="App">
        <input type="text" value={message} onChange={(e) => {messageChange(e)}} />
        <button onClick={sendMessage}>send</button>
    </div>
  );
}
export default withChatkitOneToOne(Chat);