Terjemahan: React - TypeScript memusnahkan tugasan prop

Question

Saya mempunyai fungsi

fungsi eksport getSubjectsForStudent(data: any) : any[]

"Argumen data" ialah apa yang saya terima daripada sumber luaran dan mentakrifkan jenis yang kukuh adalah tidak boleh dilaksanakan. "return" berasal daripada "data", jadi ia juga daripada jenis apa-apa.

Komponen "Utama" menghantar "kembali" kepada komponen "kanak-kanak", seperti ini:

;

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

Dan dalam komponen MainCategories,

eksport fungsi lalai MainCategories(props: any) {
    const tmp = props.subjek;
    ...
Terjemahan: Ia berfungsi, tiada masalah. 
Tetapi saya mahu: 
eksport fungsi lalai MainCategories( {subjek} ) {
Bolehkah sesiapa membantu? 

Answer 1

Anda perlu menambah jenis Props atau antara muka, dan kemudian anda boleh mendapatkan subjek melalui pemusnahan.

interface Props {
  subjects: any
}

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

Answer 2

Saya sering menggunakan corak ini untuk mencapai ini, tetapi kunci utama ialah menentukan prop.

import { FunctionComponent } from 'react';

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

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

export default MainCategories;