Readdy Write  
0,00 €
Your View Money
Views: Count
Self 20% 0
Your Content 60% 0

Users by Links 0
u1*(Content+Views) 10% 0
Follow-Follower 0
s2*(Income) 5% 0

Count
Followers 0
Login Register as User

React: Layout Children

12.02.2021 (👁3480)


 

Wie wird au seiner URL Route verschiedene Componenten oder Pages geladen?

 

App.js->Layout

In der App.js wird die Componente <Layout> eingebettet mit <Route..> Elementen in der Mitte.

 

 

Auflösung in Layouts -> NavMenu und Components

Layout.ts mit Aufteilung NavMenu und aus this.props.children->wird die component={Shoppinglist} übernommen

 

 

 

Code

App.ts ->Layout with Routing Children

 return (

      <Layout>

        <div>test</div>

        <Route exact path='/' component={Home} />

        <Route path='/counter' component={Counter} />

        <Route path='/shoppinglist' component={Shoppinglist} />

        <AuthorizeRoute path='/fetch-data' component={FetchData} />

        <Route path={ApplicationPaths.ApiAuthorizationPrefix} component={ApiAuthorizationRoutes} />

      </Layout>

    );

 

Layout.ts mit Components

Layout.ts mit Aufteilung NavMenu und aus this.props.children->wird die component={Shoppinglist} übernommen

export class Layout extends Component {

  static displayName = Layout.name;

  render () {

    return (

      <div>

        <NavMenu />

        <Container>

          {this.props.children}

        </Container>

      </div>

    );

  }

}