نحوه استفاده از دستور append در React.js

سلام
من میخوام قسمتی از کدهای html موجود در return بصورت append اضافه بشه به خروجی وبا هربار اجرا قسمت های قبلی حذف نشود.
کد بصورت زیر است :

<div className="row">
(از این تگ div پایین میخوام append بشه به قبلی ها)
          <div className="col-11 m-auto pt-2 _chat">
            <div className={send ? "row _left" : "row _right"}>
              {send ? <div className="col-2 col-md-1 d-flex align-self-center"><img src={res.avatar} className="userImage_content" /></div> : ''}
              <div className={send ? "col-10 col-md-11 usr_msg_div" : "col-12 col-md-11 my_msg_div"}>
                <div className="row m-auto p-0 justify-content-end">
                  <div className="col-12 p-0 rtl content">
                    <div className="pl-1 message">
                      {res.content}
                    </div>
                  </div>
                </div>
              </div>
              <div className="col-12 mt-2 text-center attach_files">
              </div>
            </div>
          </div>
          <div className="col-12">
          </div>
تا اینجا
          {loading2 && (
            <div className="col-11 m-auto pt-2 _chat">
              <Loading />
            </div>
          )}
        </div>

ممنون میشم راهنمایی کنید.