JSFiddle - React, Tailwind, and code Playground

by Esteban Herrera

JavaScript

render() {
  return (
    <div className="App">
      <ToastContainer autoClose={3000} />
      
      <div className="App-header">
        <img src={logo} className="App-logo" alt="logo" />
        <h2>Welcome to React</h2>
      </div>

      <div>{this.renderMessages()}</div>

      <div id="add-message-div">
        <h3>Add Message</h3>
        <input type="text" placeholder="Message" value={this.state.newMessage}
          onChange={this.handleMessageChange} />
        <button onClick={this.addMessage}>Add message</button>
      </div>
    </div>
  );
}