Аргумент типа «ComponentType <Pick>» не может быть назначен параметру типа «ComponentClass» - PullRequest
Новая
       32

Аргумент типа «ComponentType <Pick>» не может быть назначен параметру типа «ComponentClass»

0 голосов
/ 26 сентября 2019

Я разрабатываю SPA, используя React с Typescript.Я реализовал Material UI и React Router Dom.Теперь я получаю сообщение об ошибке:

class ListTable Аргумент типа 'ComponentType, "title" |"данные" |"заголовок" |"местоположение" |"история" |"матч" |«staticContext»> & StyledComponentProps <... >> 'нельзя назначить параметру типа «ComponentClass», «title» |"данные" |"заголовок" |"местоположение" |"история" |"матч" |"staticContext"> & StyledComponentProps <...>, любой> |(ComponentClass <...> & FunctionComponent <...>) '.Тип 'FunctionComponent, "заголовок" |"данные" |"заголовок" |"местоположение" |"история" |"матч" |«staticContext»> & StyledComponentProps <... >> »нельзя назначить типу« ComponentClass »,« title »|"данные" |"заголовок" |"местоположение" |"история" |"матч" |"staticContext"> & StyledComponentProps <...>, любой> |(ComponentClass <...> & FunctionComponent <...>) '.Тип 'FunctionComponent, "заголовок" |"данные" |"заголовок" |"местоположение" |"история" |"матч" |«staticContext»> & StyledComponentProps <... >> »нельзя назначить типу« ComponentClass »,« title »|"данные" |"заголовок" |"местоположение" |"история" |"матч" |"staticContext"> & StyledComponentProps <...>, any> & FunctionComponent <...> '.Тип 'FunctionComponent, "заголовок" |"данные" |"заголовок" |"местоположение" |"история" |"матч" |«staticContext»> & StyledComponentProps <... >> »нельзя назначить типу« ComponentClass »,« title »|"данные" |"заголовок" |"местоположение" |"история" |"матч" |"staticContext"> & StyledComponentProps <...>, любой> '.Тип 'FunctionComponent, "заголовок" |"данные" |"заголовок" |"местоположение" |"история" |"матч" |«staticContext»> & StyledComponentProps <... >> 'не обеспечивает совпадения для подписи' new (props: Pick, "title" | "data" | "header" | "location" | "history" | "match" |"staticContext"> & StyledComponentProps <...>, context ?: any): Component <...> '. ts (2345)

Я провел несколько поисков в Google, но исправлениячто люди предлагают, кажется, не работают для меня.Главное предложение, которое есть у людей: import { RouteComponentProps<> } from 'react-router-dom';

У меня есть такой компонент: 

// Other imports (Removed for simplicity)

import { StylesProps, RouterProps } from '../../common/types';
import { withRouter } from 'react-router-dom';

// Import Material UI Components (Removed for simplicity)

interface ComponentProps {
    // Parameters removed for simplicity
}

class ListTable extends React.Component<ComponentProps & StylesProps & RouterProps> {
  render() {
    return (
      // Removed for simplicity        
    );
  }
}
export default withRouter(withStyles(styles)(ListTable));

RouterProps - это RouteComponentProps, помещенный в отдельный файл, так как он используется в нескольких разных местах.в приложении.Это предположение, которое дало большинство запросов, но, похоже, это не исправляет ошибку.

Было бы неплохо исправить эту ошибку, так как я могу найти это в нескольких местах в моем приложении, и кажется, чтобыть единственной ошибкой, которую я не могу понять / исправить.

...