Using the children prop

Posted on

in

,

This allows you to put children elements directly in the output:

import React from 'react';

function ContainmentComponent(props){
    return (
        <div style={{border:"1px green solid", padding: '10px'}}>
            {props.children}
        </div>
    )
}

export default ContainmentComponent;

//use
<ContainmentComponent >
    stuff
</ContainmentComponent>

Leave a Reply

Your email address will not be published. Required fields are marked *

About me

Mark Wong is a front end developer with 10+ years experience. Most of his knowledge of HTML5, CSS and Js is self taught.

Calendar

September 2023
M T W T F S S
 123
45678910
11121314151617
18192021222324
252627282930