So verwenden Sie ein Array zum Aufrufen von React-Funktionen

Question

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

const CompanySelection: FunctionComponent<RNDTaxCreditCompanySelectionProps> = Requisiten => {
  zurückkehren (
    <>
      <Form<FormProps> initialValues={{ companyId: null }} onSubmit={() => {}}>
        {formProps => {
          zurückkehren (
            <Karte w={12 / 12} border={false}>
              <Card.Header p={0} px={0}>
                <Überschrift level={2} pt={1}>
                  F&E-Steuerverwaltung
                </Überschrift>
                <Überschrift level={5} pt={1}>
                  Bitte wählen Sie ein Anmeldejahr aus und suchen Sie anhand der ID oder FEIN-Nummer nach einem Unternehmen.
                </Überschrift>
              </Card.Header>
              <CreditFilter status="" rowData={rowData} />
            </Karte>
          );
        }}
      </Formular>
    </>
  );
};

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

interface Props {
  Status: Zeichenfolge;
}
export const CreditFilter: FunctionComponent<Props> = Requisiten => {
    // 如何在这里访问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'
 
};

然而根据你的示例，Props接口应该是这样的：

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

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