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

May 2024
M T W T F S S
 12345
6789101112
13141516171819
20212223242526
2728293031