初始化Firebase时React Native弹出无效React子元素错误求助

我一眼就看出问题出在哪了——你导入的LoginForm组件对应的文件（也就是你贴的Login.js）代码根本没写完！那个class L的定义半截就断了，导致React尝试渲染一个无效的对象，直接触发了这个报错。

具体解决步骤： #

• 补全LoginForm组件代码：把Login.js里未完成的类定义补完整，确保它能返回合法的React元素。比如你可以改成这样：

import React, { Component } from 'react';
import { TextInput, View } from 'react-native';
import { Button, Card, CardSection } from './common';

class LoginForm extends Component {
  render() {
    return (
      <Card>
        <CardSection>
          <TextInput
            placeholder="邮箱"
            autoCorrect={false}
          />
        </CardSection>
        <CardSection>
          <TextInput
            placeholder="密码"
            secureTextEntry
            autoCorrect={false}
          />
        </CardSection>
        <CardSection>
          <Button>登录</Button>
        </CardSection>
      </Card>
    );
  }
}

export default LoginForm;

• 核对文件与导入的一致性：确保App.js里import LoginForm from './components/LoginForm';的路径正确，如果你的文件名叫Login.js，那导入路径要改成./components/Login，或者直接把文件名改成LoginForm.js更贴合组件名，避免混淆。

为什么会出现这个错误？ #

错误提示里说的"object with keys {$$typeof, type, key, ref, props, _owner, _store}"其实是React组件的内部对象结构，当你的LoginForm是一个未完成的类时，它不是一个能被正常渲染的React元素，React试图把这个不完整的对象当作子元素渲染，自然就报错了。

另外提一句，你的Firebase初始化代码看起来是没问题的，这个错误和Firebase本身无关，纯粹是组件定义不完整导致的~

内容的提问来源于stack exchange，提问作者Fiyinfoluwa Osuntola