翻译:React - TypeScript对props进行解构赋值
P粉071602406
P粉071602406 2023-07-27 16:35:13
[React讨论组]

我有个函数

export function getSubjectsForStudent(data: any) : any[]

"data argument" 是我从外部来源接收到的,定义强类型并不可行。"return" 是根据 "data" 推导出来的,所以它也是 any 类型。

一个 "Main" 组件将 "return" 传递给一个 "child" 组件,像这样:


<MainCategories subjects={getSubjectsForStudent(data)} />

而在 MainCategories 组件中,

export default function MainCategories(props: any) {
    const tmp = props.subjects;
    ...

翻译:它可以工作,没问题。

但是我想要:

export default function MainCategories( {subjects} ) {

有人可以帮助吗?


P粉071602406
P粉071602406

全部回复(2)
P粉579008412

你需要添加一个 Props 的类型或接口,然后你就可以通过解构来获取 subjects。

interface Props {
  subjects: any
}

export default function MainCategories({ subjects }: Props) {
    const tmp = props.subjects;
    ...
P粉155710425

我经常使用这种模式来实现这个,但主要的关键是定义props。

import { FunctionComponent } from 'react';

interface Props {
  // In your case
  subjects: any
}

const MainCategories: FunctionComponent<Props> = ({subjects}) => (
  ...
);

export default MainCategories;
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号