Оператор распространения с React Typescript - PullRequest
Новая
       16

Оператор распространения с React Typescript

0 голосов
/ 17 октября 2018

У меня есть одностраничное приложение с перенаправлением, реализованным как 

const PrivateRoute = ({ component: Component, ...rest }) => (
<Route {...rest} render={(props) => (
    Acc.isLoggedIn === true
        ? <Component {...props} />
        : <Redirect to={{
            pathname: '/login',
            state: { from: props.location }
        }} />
)} />

) 

export { PrivateRoute };

Я пытаюсь обновить его, чтобы оно работало примерно так 

interface IPrivateRouteProps {

} 

interface IPrivateRouteState {
isAuthenticated?: boolean

} 

export class PrivateRoute extends React.Component<IPrivateRouteProps, IPrivateRouteState> {
constructor(props: IPrivateRouteProps) {
    super(props);

    this.state = ({ isAuthenticated: null });
}

componentDidMount() {
    Acc.isAuthenticated()
        .then(isAuthenticated => {
            this.setState({ isAuthenticated: isAuthenticated });
        });
}

render() {
    if (this.state.isAuthenticated == null) {
        return null;
    }
    else if (this.state.isAuthenticated) {
        return <Route {...rest} render={(props) => (<Component {...props} />)}/>
    }
    else {
        return <Route {...rest} render={(props) => (<Redirect to={{ pathname: '/login', state: { from: props.location } }} />)}/>
    }
}
}

Как я могу передать реквизит с помощью оператора распространения в машинописи?

Обновление

Само собой разумеется, я не просто полагаюсь на клиентский код для аутентификации.

Я уже пробовал это, но это не помогло: Распространение реагирующих реквизитов в TSX вмашинопись 2.3.1

1 Ответ

0 голосов
/ 17 октября 2018

rest не определено.

Возможно, вы имели в виду:

return <Route {...this.props} render={(props) => (<Component {...props} />)}/>

...