reactjs - 对象作为反应子无效(react-native)
问题描述
我正在尝试在我的 react native 项目中初始化 firebase。
App.js
我初始化它的代码是
import React, {Component} from 'react';
import {View, Text} from 'react-native';
import {Provider} from 'react-redux';
import {createStore} from 'redux';
import reducers from './reducers';
import firebase from 'firebase';
class App extends Component {
componentWillMount () {
const config = {
apiKey: "",
authDomain: "",
databaseURL: "",
projectId: "",
storageBucket: "",
messagingSenderId: ""
};
firebase.initializeApp(config);
}
render() {
return (
<Provider store={createStore(reducers)}>
<View>
<Text>Hello! </Text>
</View>
</Provider>
);
}
}
export default App;
当我只包含import firebase from 'firebase';
而不初始化config
解决方案
导出在 5.0.4 及更高版本中发生了变化。现在你需要这样做:
import firebase from '@firebase/app'
如果你正在使用 eslint,你可能会抱怨它应该列在项目依赖项中,但你可以忽略它。
您可能还想使用 firebase 的实际功能,而不仅仅是核心导入。例如,要使用身份验证模块,您需要添加以下内容:
import '@firebase/auth'
推荐阅读
- java - 导出后 URL 不应包含 Servlet 名称
- regex - 正则表达式模式在双引号内的 key-par 中捕获值
- sql - 将多行汇总为 SQL Server 数据的单行和列
- react-native - 当有很多选项卡时反应原生选项卡视图宽度
- html - 如何在 Angular 6 中将 maxlength 设置为输入类型号?
- java - oAuth 2 资源服务器配置以访问授权服务器
- selenium-webdriver - 显式等待与隐式除(条件等待)有何不同,因为两者在指定时间完成之前都等待执行下一步?
- sql - 如何根据特定条件选择行
- tensorflow - 为什么 tf.flags 与 argparse 冲突?
- ios - 如何在 FFmpeg 命令中指定图像