Как экспортировать компонент TypeScript React, который использует Material-UI withStyles?

Jon Freedman спросил: 11 марта 2019 в 07:33 в: reactjs

У меня есть компонент React, написанный на TypeScript, который применяет стиль Material-UI для реагирования на выбор, как показано ниже.

const styles = (theme: Theme) => createStyles({
});export interface Props<TI> extends WithStyles<typeof styles, true> {
    innerProps: Partial<AsyncSelectProps<TI>>;
    selectRef?: React.RefObject<StateManager<TI>>;
    onSelectionChange?: (selection: TI | undefined) => void;
}class MaterialReactSelect<TI> extends React.PureComponent<Props<TI>> {
    ...
}export default withStyles(styles, {withTheme: true})(MaterialReactSelect);

Как я могу изменить это так, чтобы он экспортировался как параметризованный тип, поэтому его можно использовать как

<MaterialReactSelect<string>
    selectRef={this.selectRef}
    onSelectionChange={this.onSelectionChange}
    innerProps={innerProps}
/>

, а не как

<MaterialReactSelect
    selectRef={this.selectRef}
    onSelectionChange={this.onSelectionChange}
    innerProps={innerProps}
/>

0 ответов