So verwenden Sie ein Array zum Aufrufen von React-Funktionen
P粉107991030
P粉107991030 2023-08-16 14:28:30
0
1
451
<p> <pre class="brush:php;toolbar:false;">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> </> ); };</pre> <p>请告诉我如何在CreditFilter函数内部访问该数组的数组? 可以使用props访问吗?还是其他方式?</p> <pre class="brush:php;toolbar:false;">interface Props { Status: Zeichenfolge; } export const CreditFilter: FunctionComponent<Props> = Requisiten => { // 如何在这里访问rowData变量? }</pre>
P粉107991030
P粉107991030

Antworte allen(1)
P粉811349112
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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!