javascript - 根据if结果改变let值

Question

你能帮我解决这个问题吗？我试图根据下面的 if 条件返回一个 let 变量。

class Main extends React.Component{
  render(){
    let content = '';
    firebase.auth().onAuthStateChanged(function(user) {
        if (user) {
          // User is signed in.
          content = 'Logged in';
          // ...
        } else {
          content = 'Logged Out';
          // ...
        }
        console.log({content});
      });
    return <h1>{content}</h1>;
  }
}

虽然它没有返回任何东西。

预先感谢您的帮助!

Answer 1

使用componentDidMount用于 react 组件中的网络参与操作。

你的代码应该是这样的:

class Main extends React.Component {
  constructor(props) {
    super(props);
    this.state = { content: '' };
  }
  componentDidMount() {
    firebase.auth().onAuthStateChanged(function(user) {
      this.setState({ content: user ? 'Logged in' : 'Logged Out' });
    })
  }
  render() {
    return <h1>{content}</h1>;
  }
}