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

March 2025
M T W T F S S
 12
3456789
10111213141516
17181920212223
24252627282930
31