我有个函数
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} ) {
有人可以帮助吗?
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
你需要添加一个 Props 的类型或接口,然后你就可以通过解构来获取 subjects。
interface Props { subjects: any } export default function MainCategories({ subjects }: Props) { const tmp = props.subjects; ...我经常使用这种模式来实现这个,但主要的关键是定义props。
import { FunctionComponent } from 'react'; interface Props { // In your case subjects: any } const MainCategories: FunctionComponent<Props> = ({subjects}) => ( ... ); export default MainCategories;