Add element to a state React

Question

I already have a state with this:

 this.setState({
      conversation:
          (
            

              {conversation.map(element => {
           


        
      

Answer 1

I don't think it's a good idea to store jsx components in the state of a component. I think you should only save the data in the state needed to render the component.

If you really want to store jsx in the state, why won't you define your 'conversation' property as array? Then you'll be able to add new components to it.

this.setState({
  conversation: [
        (
firstnew div
));
this.setState({conversation: currentConversation})

But better to only store the data ie 'first' and 'new div'