ionic-team / ionic-team/ionic-docs

React: IonTabButton cannot be wrapped for use with IonTabBar

Offen
#2,099 0 Kommentare 0 Reaktionen 0 zugewiesene Personen Auf GitHub ansehen
triage
Vorherrschende Sprache
MDX
Sterne
621
Forks
3.2k
Ø Merge
1 T. 2 Std.
Gemergte PRs (30 T.)
86

Beschreibung

**URL**
https://ionicframework.com/docs/api/tab-bar

**What is missing or inaccurate about the content on this page?**

It seems that `IonTabButton` cannot be wrapped in another component; `IonTabBar` won't recognize it.

This should be noted in the documentation.

**Background**

My app puts the `IonTabButton` in a different order depending on whether the user is right-handed or left-handed.

Example of code that doesn't work (tabs are not displayed):

```
return (

{children}





```

And here is a wrapper component:

```
const TabButtonHelp: React.VFC = () => (



Help


);
```

This does work:

```
return (

{children}




Help




```

Beitragsleitfaden

Beitragsleitfaden öffnen

Bewertung

Dieses Issue wurde noch nicht bewertet.

Neue Issues direkt in Ihr Postfach

Eine kurze Übersicht über anfängerfreundliche GitHub-Issues.