title: Render N Tables - ReactJS, next table depends on previous table
body: <p>Is there a way to render N amount of tables, I have to render a table based on the selection based on the previous table. I can go up to 3 tables, because there will always be at least 3 tables, but post 3, the question isnt which table data to render, but if there is even a table to actually render. I currently create the first 3 tables like so:</p>
  <pre><code>render(){
      return(
           &lt;div&gt;
               {this.state.renderTable1 ? (this.renderTable1Data()):(&lt;div&gt;&lt;/div&gt;)}
               {this.state.renderTable2 ? (this.renderTable2Data()):(&lt;div&gt;&lt;/div&gt;)}
               {this.state.renderTable3 ? (this.renderTable3Data()):(&lt;div&gt;&lt;/div&gt;)}
           &lt;/div&gt;
      )
  }
  </code></pre>
  <p>is there a way to do this dynamically post the 3rd selection? Im fairly new to react and am still learning, and everywhere I look for dynamically creating tables it has to do with creating the table data, and not the whether I need to create the table itself. Any help would be greatly appreciated. Or if there is something I missed when skimming the</p>
  <p>Thank you.</p>