title: How to append text to text area created in React JS?
body: <p>I have the following code which creates a text area.</p>
  
  <pre><code>interface IReceiverProps {
      receivedMessage: string;
      topic: string;
  }
  
  export default class Receiver extends React.Component&lt;IReceiverProps, {}&gt; {
  
      render() {
          var textAreaStyle = {
              width: 1300,
              height: 450,
              border: '3px solid #cccccc',
              padding: '5px',
              fontFamily: 'Tahoma, sans-serif',
              overflow: 'auto',
              marginLeft: '10px'
          }
          return (
              &lt;textarea style={textAreaStyle} value={this.props.receivedMessage}/&gt;
          );
      }
  
  }
  </code></pre>
  
  <p>This received message is passed by another component. How can I append the receivedMessage one below another in this text area? Any help would be much appreciated.</p>