使用组合在React中创建父/子组件层次结构

Question

我在第三方Grid程序包周围具有以下包装器组件，该组件实现了我自己的自定义css覆盖：

class MainGrid extends React.Component<{}, {}> {
  public render() {
    return (
        <div className="custom-css-overrides">
            <Grid 
                columnDef={this.props.ColDef}
                rowData={this.props.Data}
            />
        </div>
    )
  }
}

接下来，我将在此第三方Grid上进行更多覆盖，因此我希望将其包含在这个MainGrid组件中。

此第三方Grid组件具有许多可选的prop，为此，我希望有更多包装器，但要使用MainGrid作为基础-因为它已经具有CSS覆盖。如何使用合成来实现这一目标？