typescript

Идея простая - необходимо описать допустимые параметры собственным отдельным типом и передать его в импортируемый тип match:

Пример на typescript, на JS все будет тем же, кроме описания типов:

После имени свойства просто добавляем знак вопроса (если этого свойства может не быть):

type SortSignPropsTypes = {
  onUp?: Function,
  onDown?: Function,
};

Потом эти свойства можно получить разложение объекта:

export default function SortSign(props: SortSignPropsTypes) {
  
  const {onUp, onDown} = props;

Причина

Проблема возникает, если вы не передаете свойство объекта, при том что оно обязательно.

Решение

Указывайте свойства, которых может не быть как необязательные.

Например так:

type RootActionTypesListType = {
    [key: string]: string | null,
}
let RootActionTypes: RootActionTypesListType = {
    SET_GOODS_LIST_DATA: null,
    RESET_GOODS_LIST: null
};

-- такое определение поможет, если имя ключа будет содержаться в переменной и обращение к элементу будет происходить в виде:

RootActionTypes[keyVlue]

Получаем ошибку:

Element implicitly has an 'any' type because expression of type
 'string' can't be used to index type 'RootActionTypesListType'.
  No index signature with a parameter of type 'string' 
was found on type 'RootActionTypesListType'.  TS7053

    11 | 
    12 | for (const key of Object.keys(RootActionTypes)) {
  > 13 |     RootActionTypes[key] = 'ROOT_' + key;
       |     ^
    14 | }
    15 | RootActionTypes = Object.freeze(RootActionTypes);
    16 |

Для кода вида:

type служит для задания псевдонима для новых типов, при этом оно может использоваться и как замена для interface, например:

type GoodType = {
    id: number,
    name: string,
    price: string,
}

Официальная документация:

Это ошибка не должна возникать, если ваш тип описан как массив.

Убедитесь, что определение связано с массивом, например:

type GoodType = {
    id: number,
    name: string,
    price: string,
}

export  type GoodsListType =  Array<GoodType>; 

-- в данном случае GoodsListType это массив и свойство lenght для него задано.

Простейший вариант:

import React from 'react'; // we need this to make JSX compile

// описание типа пропсов
type CardProps = {
  title: string,
  paragraph: string
}

// описание самого копонента
export const Card = ({ title, paragraph }: CardProps) => <aside>
  <h2>{ title }</h2>
  <p>
    { paragraph }
  </p>
</aside>

const el = <Card title="Welcome!" paragraph="To this example" />

Источник: https://fettblog.eu/typescript-react/com...

Что почитать

• Официальная документация: https://www.typescriptlang.org/docs/ p
• Введение на русском: https://metanit.com/web/typescript/2.5.php
• Как добавить в проект на JavaScript: https://fkn.ktu10.com/?q=node/16924

Смотрите ссылки на примеры ниже