コンバートconstが、私はクラスにこのコードを変更することができますどのようにクラス

Question

を反応させること

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

しかし、私はに変更する必要があります私がMobXを使っているので、クラス。このような

何か：

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

    } 

    render() { 
    return (
      <div> 

      </div> 
    ) 
    } 
} 

ありがとう！

Answer 1

あなたのクラスコードがあなたの機能性成分などの小道具を処理するためのOKです：

@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 } 
       }}/> 
      ) 
     )}/> 
    ) 
    } 
}