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

April 2024
M T W T F S S
1234567
891011121314
15161718192021
22232425262728
2930