title: Adding a text area to only one page
body: <p>I am working on a website using ReactJS. I want to add a textarea to only one of the pages. Each page has a header and a content tag. If I put the code in App.js, it will show up on each page:</p>
  <pre><code>import react from 'react';
  
  
  import Header from './Header.js';
  
  class App extends react.Component {
     render() {
        return (
           &lt;div&gt;
              &lt;Header /&gt;
              &lt;Content /&gt;
           &lt;/div&gt;
        );
     }
  }
  
  
   
      class Content extends react.Component {
         render() {
            return (
               &lt;div&gt;
  
  
             &lt;h1 className='center bold'&gt;Hi&lt;/h1&gt;
             &lt;textarea id='editor' rows=&quot;25&quot; cols=&quot;90&quot;&gt;&lt;/textarea&gt;
  
           &lt;/div&gt;
        );
  
         }
      }
  
      export default App;
  </code></pre>
  <p>Then I have the webpage Javascript, Code.js:</p>
  <pre><code>import React from 'react';
  import ReactDOM from 'react-dom';
  import App from './App';
  
  
  ReactDOM.render(
    &lt;React.StrictMode&gt;
      &lt;App /&gt;
    &lt;/React.StrictMode&gt;,
    document.getElementById('root')
  );
  </code></pre>
  <p>and then the HTML Markup, code.html:</p>
  
    
    
    
    Create
  
  <pre><code>&lt;body&gt;
    &lt;header&gt;&lt;/header&gt;
    &lt;content&gt;&lt;/content&gt;
    &lt;div&gt;
    &lt;textarea id='editor' rows=&quot;25&quot; cols=&quot;90&quot;&gt;
    &lt;/textarea&gt;
  &lt;/div&gt;
    &lt;noscript&gt;You need to enable JavaScript to run this app.&lt;/noscript&gt;
    &lt;div id=&quot;app&quot;&gt;&lt;/div&gt;
  &lt;/body&gt;
  </code></pre>
  <p>I have tried to put the textarea in a number of different places with no success. It either doesn't render or it renders on ever page.</p>
  <p>How do I go about getting this to appear only on the page I want it to?</p>