list message - claude 3

gistfile1.txt

const listMsg = countMsg > 0 ?
        (msg.me.map((item, key) => <div className='chat_bot_content-msg'><h2 className='chat_bot-msg'>Moi :</h2><p className='chat_bot-msg' key={item.key}>{item}</p>
            <h2 className='chat_bot-msg'>Bot :</h2> {msg.bot[key]}</div>))
        : (<p></p>)

    return (
        <div>
            <h1 className='title'>Chat Bot</h1>
            <div className="chat_bot" id="chat_bot">
                <div className='chat_bot_content-msg' id='chat_bot_content-msg'>
                    <h2 className='chat_bot-msg'>Bot :</h2>
                    <p className='chat_bot-msg'>Bonjour, Je suis un bot codé avec React.js</p>
                </div>
                {listMsg}

            </div>
            <form className='form'>
                <input className='msg' id="msg" placeholder='Message' value={newMsg} onChange={handleChange}></input>
                <button className='btn' onClick={handleClick}>Envoyer</button>
            </form>

        </div>
    )