How to wrap another component with your component?

Question

React

There is a functional component Cell. Inside it is a component with text. There are several such Cell components.

So how do I create it so that other components can be nested in it? I want to set a class in the Cell component 1 time so that I don’t have to constantly prescribe it.

Answer 1

export const CustomCell = ({children}) => {
    return <Cell>{children}</Cell>
}