Я пытаюсь настроить реагирующий маршрутизатор, используя Typescript, который принимает параметр.
В моем элементе render
меня есть
<Route path="/show/:id" component={TestComp} />
И я определяю TestComp
как
const TestComp = ({ match }) => (
<div>
<h2>Showing specified ID: {match.params.id}</h2>
</div>
)
Однако VS Code подчеркивает match
параметра (в объявлении TestComp
) и говорит мне,
Элемент связывания "match" неявно имеет тип "any".
и это не в состоянии скомпилировать.
Может кто-нибудь сказать мне, какой тип match
должен быть объявлен? Я пробовал RouteProps
но это тоже не работает. Глядя в index.d.ts, я думаю, что он определен как match<P>
но я не уверен, как объявить параметр как универсальный тип.
ОБНОВИТЬ
Основываясь на комментариях к ответу @TarasPolovyi, я добавил следующее:
Как видите, с этим все еще есть проблемы.