gpt4 book ai didi

reactjs - 我应该使用哪种 TypeScript 类型来引用 Prop 中的匹配对象?

转载 作者:搜寻专家 更新时间:2023-10-30 20:29:22 24 4
gpt4 key购买 nike

在我的 React 容器/组件中,我可以使用哪种类型来引用 React Router DOM 包含的 match 部分?

interface Props {
match: any // <= What could I use here instead of any?
}

export class ProductContainer extends React.Component<Props> {
// ...
}

最佳答案

您不需要显式添加它。您可以使用 RouteComponentProps<P>来自 @types/react-router作为 Prop 的基本界面。 P是您的匹配参数的类型。

import { RouteComponentProps } from 'react-router';

// example route
<Route path="/products/:name" component={ProductContainer} />

interface MatchParams {
name: string;
}

interface Props extends RouteComponentProps<MatchParams> {
}
// from typings
import * as H from "history";

export interface RouteComponentProps<P> {
match: match<P>;
location: H.Location;
history: H.History;
staticContext?: any;
}

export interface match<P> {
params: P;
isExact: boolean;
path: string;
url: string;
}

关于reactjs - 我应该使用哪种 TypeScript 类型来引用 Prop 中的匹配对象?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48138111/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com