cometchat-react.js

class Chat extends Component {
  constructor() {
    this.state = {
      messages: []
    }
  }

  async onComponentDidMount() {
    await CometChat.init(process.env.appId)
    this.user = await CometChat.login("bendewberry")
    CometChat.addMessageListener(
      "#General",
      new CometChat.MessageListener({
        onTextMessageReceived: message => {
          this.setState({
            messages: [...this.state.messages, message]
          })
        }
      }))
  }

  sendMessage(messageText) {
    const message = new CometChat.TextMessage(
      "#General",
      messageText,
      CometChat.MESSAGE_TYPE.TEXT,
      CometChat.RECEIVER_TYPE.GROUP)
    await CometChat.sendMessage(message)
  }

  render() {
    return (
        <React.Fragment>
            <Messages messages = { this.state.messages } />
            <MessageInput onSend = { this.sendMessage } />
        </ React.Fragment> 
    )
    
  }
}

ReactDOM.render(<Chat />, document.getElementById('root'));