草庐IT

react-native-firebase

全部标签

javascript - 如何在 Firestore 文档中保存对 Firebase Auth 用户的引用?

所以我有一个应用程序,您可以在其中注册和登录。我使用FirebaseAuth做到了这一点。然后我有一个Firestore,其中有多个集合,例如“请求”和“要约”。我的应用程序中的Firebase授权用户可以创建新的请求,我是这样添加的:firestore.collection('requests').add({category:'Test',customer_id:this.props.appState.user.uid,//TheuidfromFirebaseAuthlink:this.state.productLink}).then(docRef=>{console.log('Su

javascript - Firebase Cloud Messaging 的 getToken() 仅在我省略 usePublicVapidKey 方法时才有效,为什么?

我在为Firebase云消息传递(FCM)实现Firebase时遇到了一个具体问题:正如您在下面的代码中看到的,//messaging.usePublicVapidKey("");当前已评论。VAPIDkey是通过以下命令获得的:web-pushgenerate-vapid-keys在服务器的终端。如果我取消注释这一行,我在调用notification_permission()时会在控制台中收到此错误:代码:“消息传递/token订阅失败”,消息:“请求缺少必需的身份验证凭据。需要OAuth2访问token、登录cookie或其他有效的身份验证凭据。请参阅https://develop

javascript - 使用 Next.js react onClick 事件处理程序不工作

我正在制作Reddit克隆版,我正在使用Next.js,以便在服务器端呈现。我一开始并没有使用Next.js,当我了解到它后,我立即切换到它。我创建了一个自定义的_app.js,因此页眉和侧边栏存在于每个页面上,并作为最顶层的组件来保存应用程序状态。后者不太奏效。这是.project/src/pages/_app.js:importApp,{Container}from'next/app';//ComponentsimportHeaderfrom'../components/Header/Header';constMainLayout=props=>({props.children})

javascript - Firebase - 使用附加数据填充属性/数组

下面的可观察对象创建了一个事件对象数组。eventsRef:AngularFireList;events:Observable;this.eventsRef=db.list('events');this.events=this.eventsRef.snapshotChanges().map(changes=>{returnchanges.map(c=>({key:c.payload.key,...c.payload.val()}));});我需要从其他数据库列表向this.events添加额外的数据。所以我需要每个事件对象都包含guest人数和数据eventsFilters。我不知道该

javascript - 如何在 React Navigation 中深度链接到嵌套导航器?

我的导航结构如下:constApp=()=>{constprefix='test://';return;};constAppNavigator=createSwitchNavigator({splash:SplashScreen,auth:AuthStack,main:HomeStack,});constAuthStack=createStackNavigator({landing:LandingScreen,login:{screen:LoginScreen,path:'page/login',},register:{screen:RegisterScreen,path:'page/

javascript - websocket.js 导致 React 应用程序意外刷新

我有一个允许图片上传的React网络应用程序。在向我的API执行获取多个图像(在本例中为6个)的POST请求后,浏览器会自行刷新并重新加载当前页面。值得注意的是,此应用程序允许裁剪图像,因此对于用户上传的每张图像,都有第二张图像(裁剪后的)要上传。所以以上6张图片导致12个POST请求。刷新行为不一致且难以重现。我在发生此行为的函数中插入了断点。使用chrome调试器工具,我逐步完成了流程,发现刷新发生在这个调用之后。this.ws.onmessage=function(e){debug('messageevent',e.data);self.emit('message',e.data

javascript - 如何将 Intl.NumberFormat 与 native react 一起使用?

我试图在ReactNative中将数字转换为价格格式。如何使用https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/NumberFormat(Intl.NumberFormat)这与nativereact? 最佳答案 看来您需要国际版的JSC:安卓:https://github.com/react-native-community/jsc-android-buildscripts#international-variant对于

javascript - Nextjs React SSR with styled-jsx - 无法读取未定义的属性 'state'

我偶然发现了一个我似乎无法解决的问题。我试图在这里搜索解决方案,但无法帮助自己。我是javascript的新手,所以要考虑周到。问题:我将React(16.5.0)与nextjs(6.1.2)和styled-jsx一起使用,如下所示:importReact,{Component}from'react';importPropTypesfrom'prop-types';importLinkfrom'next/link';classProductCardextendsComponent{constructor(props){super(props);this.state={imgLoaded

javascript - 使用 react-pdf 时的严重依赖警告

我正在尝试在React应用程序上显示pdf,但收到以下警告:/node_modules/react-pdf/node_modules/pdfjs-dist/build/pdf.jsCriticaldependency:requirefunctionisusedinawayinwhichdependenciescannotbestaticallyextractedVscode在导入功能下告诉我这个。Couldnotfindadeclarationfileformodule'react-pdf'已经尝试运行npminstall、npminstallreact-pdf并重新安装包import

javascript - React navigation didfocus 事件监听器在类组件和功能组件之间的工作方式不同

当我转换到此屏幕时,它会执行一些API调用以获取最新数据。但是当我从另一个带有钩子(Hook)版本的导航堆栈转换时,它似乎不会触发didFocus事件来触发api调用,而它与类版本一起工作。如何使hooks版本与class版本具有相同的行为?这两个版本有什么区别?类组件版本classsomeScreenextendsComponent{componentDidMount(){const{navigation,}=this.props;this.navFocusListener=navigation.addListener('didFocus',()=>{//dosomeAPIcalls