Как передать компонент как реквизит с реквизитом в реакции?

Question

Я использую библиотеку реагирующей сетки из dev-express. В библиотеке есть компонент Table, в который мы можем передать компонент Cell. Внутри CustomCell я использую Menu из Material UI

  <Table
        columnExtensions={tableColumnExtensions}
        cellComponent= {CustomCell}
  />

В вышеприведенном случае меню работает нормально,

Но я хочу передать реквизиты этому компоненту, и я попробовал следующее

 <Table
        columnExtensions={tableColumnExtensions}
        cellComponent= {(props)=><CustomCell {...props} someFunc={this.someFunc} />}
/>

В этом случае Меню не работает, я хотелзнать, есть ли альтернативный способ достижения второго случая.

Answer 1

Вы можете сделать это с помощью withProps:

const CustomCellWithSomeFunc = withProps({someFunc: this.someFunc.bind(this)})(CustomCell);

<Table
    columnExtensions={tableColumnExtensions}
    cellComponent= {CustomCellWithSomeFunc/>}
/>

Answer 2

Учитывая, что окружающий Компонент предоставляет props, вы можете пойти так:

class Foo extends React.Component {

  someFunc = () => {}

  render () {
    return <Table
      columnExtensions={tableColumnExtensions}
      cellComponent= {() => <CustomCell {...this.props} someFunc= 
        {this.someFunc} />}
      />
  } 
}