Aluno Breno Cristovao - Exemplo de Prop Drilling

gistfile1.txt

import React from 'react';
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';

const ListRevenda = (props) => {
  console.log('ListRevenda Props: ', props)
  return (
    <div>
      ListRevenda
      <pre>
        {
          JSON.stringify(props, null, 2)
        }
      </pre>
    </div>
  )
}

export const PrivateRoute = ({ component: Component, roles ,  ...rest }) => {
  console.log('PrivateRoute Roles: ', roles)
  return (
  <Route  {...rest} render={props => {
      const currentUser = 'MOCK: authenticationService.currentUserValue';
      if (!currentUser) {
          return  "MOCK: Redireciona pro login"
      }
      // AQUI:
      return <Component {...props} roles={roles} />
  }} />
)
}

function App() {
    return (
        <Router>
            <div className="wrapper">
                <div id="content">
                    <div className="container-fluid">
                        <section name='content'>
                            <Switch>
                                <PrivateRoute path='/revenda' exact component={ListRevenda} roles={"[_LevelRoles.UsrRevenda]"} />
                            </Switch>
                        </section>
                    </div>
                </div>
            </div>
        </Router>

    );
}

export default App;