配列を使用して React 関数を呼び出す方法

Question

<p>次のように配列の配列を CreditFilter という関数に渡します。 </p> <pre class="brush:php;toolbar:false;">const rowData = [ ['Capri LLC', '0012345', 'A0012', 'Y', '詳細を表示'], ['Capricorn INC', '0022345', 'B0012', 'N', '詳細を表示'], ['Cancer INC', '0033345', 'A0012', 'Y', '詳細を表示'], ]; const CompanySelection: FunctionComponent = props => { 戻る （ <> <フォーム<FormProps> 初期値={{ companyId: null }} onSubmit={() => {}}> {formProps => { 戻る （ <カード w={12 / 12} border={false}> <Card.Header p={0} px={0}> <見出しレベル={2} ポイント={1}> 研究開発税務管理 </見出し> <見出しレベル={5} ポイント={1}> 出願年を選択し、ID または FEIN 番号で会社を検索してください。 </見出し> </Card.Header> <CreditFilter status="" rowData={rowData} />; </カード> ); }} </フォーム> </> ); };</pre> <p>CreditFilter関数内でこの配列の配列にアクセスする方法を教えてください。 小道具を使用してアクセスできますか?それとも他の方法でしょうか？ </p> <pre class="brush:php;toolbar:false;">インターフェイスの小道具 { ステータス: 文字列; } import const CreditFilter: FunctionComponent = props => { // ここで rowData 変数にアクセスするにはどうすればよいですか? }</pre>

Answer 1

リーリー

ただし、あなたの例によれば、Props インターフェイスは次のようになります:

リーリー

rowData は、status

だけでなく、小道具としてもコンポーネントに渡されるためです。