How to avoid extra wrapping in React?

Question

Today I have started learning ReactJS and after an hour faced with the problem.. I want to insert a component which has two rows inside a div on the page.A simplified exampl

Answer 1

Here is one way to render "transculent" components:

import React from 'react'

const Show = (props) => {
  if (props.if || false) {
    return ({props.children})
  }
  return '';
};

----



    
    
Yoamama