Convertir const réagir classe

Question

comment puis-je modifier ce code à une classe:

const PrivateRoute = ({ component, ...rest }) => (
    <Route {...rest} render={props => (
    fakeAuth.isAuthenticated ? (
     React.createElement(component, props) 
    ) : (
     <Redirect to={{ 
     pathname: '/login', 
     state: { from: props.location } 
     }}/> 
    ) 
)}/> 
) 

J'utilise ce composant réagir routeur 4:

<Switch> 
       <Route exact path="/" component={About} /> 
       <Route exact path="/login" component={Login} /> 
       <PrivateRoute path="/protected" component={Home}/> 
       <Route component={NotMatch} /> 
</Switch> 

Mais je dois passer à un Classe parce que j'utilise MobX.

Quelque chose comme ceci:

@inject('store') 
@observer 
export default class PrivateRoute extends Component { 
    constructor (props) { 
    super(props) 
    this.store = this.props.store 

    } 

    render() { 
    return (
      <div> 

      </div> 
    ) 
    } 
} 

Merci!

Answer 1

Votre code de classe est OK pour la manipulation des accessoires comme votre composant fonctionnel:

@inject('store') 
@observer 
export default class PrivateRoute extends Component { 
    constructor (props) { 
    super(props); 
    this.store = this.props.store; 
    } 

    render() { 
    const { component, ...rest } = this.props; 
    return (
     <Route {...rest} render={ props => (
      fakeAuth.isAuthenticated ? (
       React.createElement(component, props) 
      ) : (
       <Redirect to={{ 
        pathname: '/login', 
        state: { from: props.location } 
       }}/> 
      ) 
     )}/> 
    ) 
    } 
}