我正在尝试将数组作为道具传递给选项卡，但是却遇到一个令人困惑的错误。
这是代码：
<IonRouterOutlet>
<Route path="/tab1" render={props => (<Tab1 loanProps={loans} />)} /> />
<Route path="/tab2" component={Tab2} />
<Route path="/tab3" component={Tab3} />
<Route path="/" render={() => <Redirect to="/tab1" />} />
</IonRouterOutlet>
这就是它的意思
Type '{ loanProps: Loan[]; }' is not assignable to type 'IntrinsicAttributes & { children?: ReactNode; }'.
Property 'loanProps' does not exist on type 'IntrinsicAttributes & { children?: ReactNode; }'
我也不确定如何访问tab1页面中的道具。我试图在此处映射作为道具传递的数组：
const Tab1: React.FC = () => {
return (
<IonPage>
<IonHeader>
<IonToolbar color="primary">
<IonTitle>Select A Loan</IonTitle>
</IonToolbar>
</IonHeader>
<IonContent className="ion-padding"
<IonList>
{loans && loans.map((loan, index) => <IonItem key={index}><IonText>{loan.name} {loan.principle} {loan.interest}</IonText></IonItem>)}
</IonList>
</IonContent>
</IonPage>
);
};
任何帮助，将不胜感激，谢谢。
您可以尝试：
const Tab1: React.FC<{loan:any[]}> = ({loan}) ...
和
<Route path="/tab1" render={loans => (<Tab1 loan={loans} />)} /> />
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句