почему моя функция onclick не работает в моем проекте реакции? - PullRequest
0 голосов
/ 16 июня 2020

У меня есть кнопка выхода, которая должна перенаправлять пользователя на страницу входа, но она не работает. Я все еще учусь реагировать, извините за глупую ошибку.

import React from 'react';

const Navigation = ({ onRouteChange }) => { 
    return (
        <nav style = {{ display: 'flex', justifyContent:'flex-end'}}>
            <p className="f3 link dim black underline pa3 pointer" onClick={ () => onRouteChange('singin') }> Sign Out </p>
        </nav>
    );
}

export default Navigation;
class App extends Component {

constructor() {
  super();
  this.state = {
    input: '',
    imageUrl: '',
    box:{},
    route: 'signin'
  }
}
onRouteChange= (route) => {
  this.setState({route: route })
}
render() {
    return (
      <div className = "App">
        <Particles className='particles' 
            params={particlesOptions}
        />
        <Navigation onRouteChange={ this.onRouteChange } />
        { this.state.route === 'signin'
          ? <Signin onRouteChange={this.onRouteChange}/>
          : <div> 
...