相关疑难解决方法(0)

我正在使用一个名为react-firebase-js的东西来处理firebase auth,但我对反应和提供者 - 消费者想法的理解是有限的.

我开始在顶层构建一个非常大的JSX东西,并且没有警告.但是当我尝试将其分解为组件时,我会在标题和其他一些内容中显示警告.

这没有警告......

// in App.js component

  render() {
    return (
        <header className="App-header">
            <img src={logo} className="App-logo" alt="logo" />
            <FirebaseAuthConsumer>
                {({ isSignedIn, user, providerId }) => {
                    if (isSignedIn) {
                        return (
                           // ui for signed in user
                        );  
                    } else {
                        if (this.state.confirmationResult) {
                            return (
                                // ui to get a phone number sign in
                            );
                        } else {                  
                            return (
                                // ui to verify sms code that was sent
                            );
                        }
                    }
                }}
            </FirebaseAuthConsumer> …