Cara menggunakan tatasusunan untuk memanggil fungsi React

Question

我正在将一个数组的数组传递给名为CreditFilter的函数，如下所示：

const rowData = [
  ['Capri LLC', '0012345', 'A0012', 'Y', 'Lihat Butiran'],
  ['Capricorn INC', '0022345', 'B0012', 'N', 'Lihat Butiran'],
  ['Cancer INC', '0033345', 'A0012', 'Y', 'Lihat Butiran'],
];

const CompanySelection: FunctionComponent<RNDTaxCreditCompanySelectionProps> = prop => {
  kembali (
    <>
      <Borang<FormProps> initialValues={{ companyId: null }} onSubmit={() => {}}>
        {formProps => {
          kembali (
            <Kad w={12 / 12} sempadan={false}>
              <Pengepala Kad p={0} px={0}>
                <Tahap tajuk={2} pt={1}>
                  Pentadbiran Cukai R&D
                </Tajuk>
                <Tahap tajuk={5} pt={1}>
                  Sila pilih tahun pemfailan dan cari syarikat dengan nombor ID atau FEIN.
                </Tajuk>
              </Card.Header>
              <CreditFilter status="" rowData={rowData} />
            </Kad>
          );
        }}
      </Borang>
    </>
  );
};

请告诉我如何在CreditFilter函数内部访问该数组的数组？ 可以使用props访问吗？还是其他方式？

Props antara muka {
  status: rentetan;
}
eksport const CreditFilter: FunctionComponent<Props> = prop => {
    // 如何在这里访问rowData变量？
}

Answer 1

export const CreditFilter: FunctionComponent<Props> = (props: Props) => {
  
  const rowData = props.rowData; // 你可以通过props.rowData访问rowData的值
  const status = props.status; // 同样也可以通过props.status访问status的值

  // ... 现在你可以在组件逻辑中使用'rowData'和'status'
 
};

Walau bagaimanapun, mengikut contoh anda, Propsantara muka hendaklah seperti ini:

interface Props {
  status: string;
  rowData: string[][];
}

SebabrowData也作为props传递给组件，不仅仅是status