this.props.history.push 未定義 state

Question

我正在嘗試使用 state 參數通過this.history.push將一些數據從我的SignInForm class 發送到另一個組件。

但是，當我查看AdminPage class 時，state 的屬性是undefined 。

如何使用history.push將數據從一個 class 正確發送到另一個？

登錄表單.js

  .then(response =>{
  const my_user = this.state.user;

  if(response.status === 200){
      this.setState({user : response.data})
    }
      if(this.state.user.roles[0].roleCode === 'ADMIN'){
        this.props.history.location.pathname = "/"; 
        
        // user :{"id":1,"name":"name ","email":"name@gmail.com","roles":[{"id":1,"roleCode":"ADMIN","roleDescription":"restaurant administrattor","authority":"ADMIN"}]}
        console.log("user :" + JSON.stringify(my_user));
        this.props.history.push({pathname: "adminPage", state : { user : my_user}});
      }
      else if(this.state.user.roles[0].roleCode === 'USER'){
        this.props.history.location.pathname = "/";
        this.props.history.push({pathname: "customerPage",state :{ user : my_user}});
      }

  })
  .catch(error => this.setState({error : true,message : "cannot decrypt user info"}))


  })
  .catch(error => this.setState({error : true,message : "cannot decrypt user info"}))

AdminPage.js

constructor(props){ 
    super(props)
    this.state = {
        user : this.props.history.location.state.user
    }
    console.log(this.state.user);
}

Answer 1

    this.props.history.push({pathname: "adminPage", state : { user : my_user}});

變成

 this.props.history.push("/adminPage", { state: user}); 

參考 1 參考 2