A text node cannot be a child of a

Question

I want to create a table using ReactJS, so this is the code I found :

import React, { Component } from 'react';
import {
  ScrollView,
  RefreshControl,
  StyleSheet,
  Text,
  SafeAreaView,
  View
} from 'react-native';

export default class Table extends Component {
    renderRow() {
        return (
            
                 { /* Edit these as they are your cells. You may even take parameters to display different data / react elements etc. */}
                
                
                
                
            
        );
    }

    render() {
        const data = [1, 2, 3, 4, 5];
        return (
            
            {
                data.map((datum) => { // This will render a row for each data element.
                    return this.renderRow();
                })
            }
            
        );
    }
}

but I got an error saying A text node cannot be a child of a , I don't understand because there is no element in and loop looks like valid.

user_13357260 · Answer

It seems that if you remove the comment inside the renderRow() it works just fine:

// Remove this comment
 { /* Edit these as they are your cells. You may even take parameters to display different data / react elements etc. */}

Maybe RN sees that as a plain text insted of a comment.

user_18318552 · Answer

Correct way of commenting in react is like this:

{/* your comment goes here*/}

when you are commenting with //,react will treat this as a text node. As well as react native docs mentions ,we cannot wrap text with .

the correct way is :


   
     dummy text

wrong way :


     dummy text

Check react native docs

A text node cannot be a child of a <View>

2 Answers