reactjs - 値が「 this.setState({ value}) 」によって「状態」に格納されていません

Question

「デコードされたトークン」から「ユーザー」を取得し、そのユーザーを状態に設定していますが、「ユーザー」には値がありますが、値が状態に格納されていません。

これが私のコードです。

class Complainer extends Component {

  state = {};

  componentDidMount() {

    const user = auth.getCurrentUser();

    console.log(user);

    this.setState({ user });

    if (!user) window.location = '/';

  }

しかし、ユーザーは状態に保存されていません。助けてください。

Answer 1

このコードを試してください：

class Complainer extends Component
{
  state = {
    user: '',
  };

  componentDidMount(){
    const user = auth.getCurrentUser();
    console.log(user);
    this.setState({
      user: user
    });
  }

  render(){

  return (
    <React.Fragment>
      <Navbar />
      <main className="container">
        <Switch>
          <Route path="/complainer/view-all" component={AllComplaints} />
          <Route path="/complainer/not-found" component={notfound} />
          <Showcase user={this.state.user} />
        </Switch>
      </main>
    </React.Fragment>
  );
}