title: A text node cannot be a child of a <View>
body: <p>I want to create a table using <strong>ReactJS</strong>, so this is the code I found :</p>
  
  <pre><code>import React, { Component } from 'react';
  import {
    ScrollView,
    RefreshControl,
    StyleSheet,
    Text,
    SafeAreaView,
    View
  } from 'react-native';
  
  export default class Table extends Component {
      renderRow() {
          return (
              &lt;View style={{ flex: 1, alignSelf: 'stretch', flexDirection: 'row' }}&gt;
                  &lt;View style={{ flex: 1, alignSelf: 'stretch' }} /&gt; { /* Edit these as they are your cells. You may even take parameters to display different data / react elements etc. */}
                  &lt;View style={{ flex: 1, alignSelf: 'stretch' }} /&gt;
                  &lt;View style={{ flex: 1, alignSelf: 'stretch' }} /&gt;
                  &lt;View style={{ flex: 1, alignSelf: 'stretch' }} /&gt;
                  &lt;View style={{ flex: 1, alignSelf: 'stretch' }} /&gt;
              &lt;/View&gt;
          );
      }
  
      render() {
          const data = [1, 2, 3, 4, 5];
          return (
              &lt;View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}&gt;
              {
                  data.map((datum) =&gt; { // This will render a row for each data element.
                      return this.renderRow();
                  })
              }
              &lt;/View&gt;
          );
      }
  }
  </code></pre>
  
  <p>but I got an error saying <code>A text node cannot be a child of a &lt;View&gt;</code>, I don't understand because there is no <code>&lt;Text&gt;</code> element in <code>&lt;View&gt;</code> and loop looks like valid.</p>