} from 'react';
import { Route } from 'react-router-dom';
import { Redirect } from 'react-router'
class ProtectedRoute extends Component {
render() {
const { component: Component, ...props } = this.props
return (
<Route
{...props}
render={props => (
this.state.formSubmitted ?
<Component {...props} /> :
<Redirect to='/notFound' />
)}
/>
)
}
}
export default ProtectedRoute;
я беру этот роут и создаю в app.js где лежат мои роуты
это
render() {
return (
<Router history={customHistory}>
<div>
<Header/>
<Switch>
<Route exact path="/" component={HomePage}/>
<ProtectedRoute path='/thank-you' component={ThankYou} />
<Route path="*" component={NotFound} status={404}/>
</Switch>
<Footer/>
</div>
</Router>
);
}
но выдает ошибку при переходе на этот роут
The above error occurred in the <ProtectedRoute> component:
стейт откуда?
не вижу в ProtectedRoute пропс, твоя переменная props не определена
Обсуждают сегодня