Types vs Interfaces

[weikee94]

click here to see more

[weikee94]

Typing Children

// typing children declare as ReactNode
type BoxProps = {children: React.ReactNode, style?: React.CSSProperties};

const Box = {{ children, style = {}} : BoxProps} => {
    return (
        <section style={{...style}}>
            {children}
        </section>
    )
}

export default function Application() {
    return (
        <Box>
            just string
            <p>lorem</p>
            <Box> 
                <p>lorem</p>
                <span>lorem2</span>
            </Box>
        </Box>
    )
}