крючок useEffect работает бесконечно - PullRequest
Новая
       21

крючок useEffect работает бесконечно

0 голосов
/ 10 июля 2020

Я пытаюсь создать приложение для заметок с реакцией и сокращением. Вот мой код для mainCompon enet. js // displayNotes используется для получения заметок с сервера. 

const mapStateToProps = (state) => {
    return {
        user: state.user,
        notes: state.notes
    }
}
const mapDispacherToProps = (disptach) => ({
    displayNotes: () => disptach(tempDisplayNotes()),
})

const Main = (props) => {
  
   
    const HomeComponenet = ({ match }) => {
        return (
            <TodoPage user={props.user.user}
             notes = {props.notes.notes}
              logout = {props.logOut} 
              deleteNotes = {props.deleteNotes}
              displayNotes = {props.displayNotes}/>
        )
    }
  
    return (
        <Switch>
            <Route path="/logIn" component={login}></Route>
            <Route path="/signUp" component={signup}></Route>
            <Route exact path="/user/home" component={HomeComponenet}></Route>
            <Route path="/user/profile" component={UserProfileComponent} />
            <Route path = "/user/home/:id/edit" component = {EditNotesFun}/>
            <Route path = "/user/home/addNote" component = {AddNoteFun}/>
            <Redirect to="/home"></Redirect>
        </Switch>
    )
}

export default withRouter(connect(mapStateToProps, mapDispacherToProps)(Main));

, а вот todoPage. js, в котором useEffect () работает бесконечно. 

let TodoPage = (props) => {
        const history = useHistory();
        useEffect(()=>{
            props.displayNotes()
        } , [])
      
        const { classes } = props;
        return (
            <div>
               </div>       
        )
    }

    export default withStyles(Style)(TodoPage);
...