diff --git a/core/src/components/tabs/readme.md b/core/src/components/tabs/readme.md index 48a37bd845..0949efcbae 100644 --- a/core/src/components/tabs/readme.md +++ b/core/src/components/tabs/readme.md @@ -176,34 +176,38 @@ will match the following tab: ### React ```tsx -import React from 'react'; -import { IonTabs, IonTabBar, IonTabButton, IonIcon, IonLabel, IonBadge } from '@ionic/react'; - export const TabsExample: React.FC = () => ( - - - - - Schedule - 6 - - - - - Speakers - - - - - Map - - - - - About - - - + + + + {/* + Using the render method prop cuts down the number of renders your components will have due to route changes. + Use the component prop when your component depends on the RouterComponentProps passed in automatically. + */} + } exact={true} /> + } exact={true} /> + } exact={true} /> + } exact={true} /> + + + + + Schedule + + + + Speakers + + + + Map + + + + About + + + ); ```