The words Under construction in black text on a yellow background with diagonal black stipes surrounding it
I'm in the process of moving my site. It's still a work in progress. Please excuse the mess and broken links.

Pass And Amend Element Props With A React Function

TODO: Pull subtitle into page object

This is with a spread and destructuring

code_start_default_section code_end_default_section

Debugging Stuff

I'm moving stuff around right now. All this below is helping me figure out where to put stuff

        -- title

Pass And Amend Element Props With A React Function

-- p

This is with a spread and destructuring

-- code/
-- javascript

function Box({className, ...rest}) {
    return <div className={`box ${className}`} {...rest} />
}
const element = (
    <Box className="blue" style={{fontStyle: 'italic'}}>
        This is the box
    </Box>
)

-- /code

-- p

results in:

-- code/
-- html

<div class="box blue" style="italic">
    This is the box
</div>

-- /code


-- categories
-- React

-- metadata
-- date: 2021-08-09 16:06:20
-- id: 20eokfh7
-- status: scratch
-- type: post
-- SCRUBBED_NEO: false
-- site: aws