react-example

import React from "react";
import ReactDOM from "react-dom";

export default class Example extends React.Component {
    _appendScript(source) { 
        const script = document.createElement("script"); 
        script.setAttribute("type", "text/javascript");
        script.setAttribute("src", source);
        document.body.appendChild(script); 
    } 

    componentDidMount() {
        this._appendScript("https://cdn.talkjs.com/talk.js");        
        this._appendScript("https://cdn.talkjs.com/talk-ui.js");

        window.onTalkLoaded = function() {
            var me = new Talk.User({
                id: "12345",
                name: "George Looney",
                email: "george@looney.net",
                photoUrl: "https://talkjs.com/docs/img/george.jpg",
                welcomeMessage: "Hey there! How are you? :-)"
            });
            
            window.talkSession = new Talk.Session({
                appId: "Hku1c4Pt",
                publishableKey: "984769823478928374",
                me: me
            });
        };

        window.onTalkUiLoaded = function() {
            var other = new Talk.User({
                id: "54321",
                name: "Ronald Raygun",
                email: "ronald@teflon.com",
                photoUrl: "https://talkjs.com/docs/img/ronald.jpg",
                welcomeMessage: "Hey there! Love to chat :-)"
            });

            var conversation = window.talkSession.getOrStartConversation(other);
            var inbox = window.talkSession.createInbox({selected: conversation});
            inbox.mount(document.getElementById("talkjs-container"));
        };
    }

    render() {
        return <span>
            <div id="talkjs-container">Loading...</div>
        </span>;
    }
}


window.view = ReactDOM.render(<Example/>, document.getElementById("hello"));