React cannot appear as a child of Warning

Question

I am getting the following warnings in a React component:

The related code is the following:

import React, { PropTypes } from \'react\';
imp         


        

Answer 1

If you need to return several elements and can't have a wrapper (such as in this case), you have a new option as of React 16.2. Fragments:

  {params.data.firstName} 
  {params.data.lastName} 

Or, you might be able to simplify it as:

<>
  {params.data.firstName} 
  {params.data.lastName} 

The fragments won't resolve to any HTML element, so the s will be direct children of your .