使用數組來呼叫React函數的方法

Question

我正在將一個陣列的陣列傳遞給名為CreditFilter的函數，如下所示：

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

const CompanySelection: FunctionComponent<RNDTaxCreditCompanySelectionProps> = props => {
  return (
    <>
      <Form<FormProps> initialValues={{ companyId: null }} onSubmit={() => {}}>
        {formProps => {
          return (
            <Card w={12 / 12} border={false}>
              <Card.Header p={0} px={0}>
                <Heading level={2} pt={1}>
                  R&D Tax Administration
                </Heading>
                <Heading level={5} pt={1}>
                  Please select a filing year and search for a company by ID or FEIN number.
                </Heading>
              </Card.Header>
              <CreditFilter status="" rowData={rowData} />
            </Card>
          );
        }}
      </Form>
    </>
  );
};

請告訴我如何在CreditFilter函數內部存取該陣列的陣列？ 可以使用props存取嗎？還是其他方式？

interface Props {
  status: string;
}
export const CreditFilter: FunctionComponent<Props> = props => {
    // 如何在這裡存取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

#