Comment utiliser un tableau pour appeler des fonctions React

Question

const rowData = [
  ['Capri LLC', '0012345', 'A0012', 'Y', 'Afficher les détails'],
  ['Capricorn INC', '0022345', 'B0012', 'N', 'Afficher les détails'],
  ['Cancer INC', '0033345', 'A0012', 'Y', 'Afficher les détails'],
];

const CompanySelection : FunctionComponent = accessoires => {
  retour (
    ≪>
       initialValues={{ companyId : null }} onSubmit={() => {}}>
        {formProps => {
          retour (
            
              
                
                  Administration fiscale R&D
                
                
                  Veuillez sélectionner une année de dépôt et rechercher une entreprise par ID ou numéro FEIN.
                
              
              
            
          );
        }}
      
    ≪/>
  );
};

可以使用props访问吗？还是其他方式？
accessoires d'interface {
  statut : chaîne ;
}
export const CreditFilter : FunctionComponent = accessoires => {
    // 如何在这里访问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'
 
};

Cependant, selon votre exemple, Propsl'interface devrait être comme ceci :

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

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