title: How to create table with multiline cells in React-bootstrap?
body: <p>I want to create table where some cells contain several lines.
  It's work if I do it:</p>
  
  <pre><code>               &lt;Table bordered&gt;
                      &lt;thead&gt;
                          &lt;tr&gt;
                              &lt;th&gt;Date&lt;/th&gt;
                              &lt;th&gt;Analysed  ID&lt;/th&gt;
                              &lt;th&gt;Analysed Name&lt;/th&gt;
                              &lt;th&gt;Solve To change&lt;/th&gt;
                          &lt;/tr&gt;
                      &lt;/thead&gt;
                      &lt;tbody&gt;
                          &lt;tr&gt;
                              &lt;td rowSpan="3"&gt;Date&lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;ID&lt;/td&gt;
                              &lt;td&gt;Name&lt;/td&gt;
                              &lt;td&gt;Decision&lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td&gt;ID&lt;/td&gt;
                              &lt;td&gt;Name&lt;/td&gt;
                              &lt;td&gt;Decision&lt;/td&gt;
                          &lt;/tr&gt;
  
                      &lt;/tbody&gt;
  
                  &lt;/Table&gt;
  </code></pre>
  
  <p>I got it:
  <a href="https://i.stack.imgur.com/JJayS.png" rel="nofollow noreferrer">Table with multiline cell</a></p>
  
  <p><br>
  And now I want to add my 3 "TR" tags in one component, because after I want use for-cycle to create many such components. But components must return content in one closed tag. I tried to contain my 3 "tr" in one parent "tr", but I got error. What can I do here?</p>