时间戳

首页 > 解决方案 > 组件名称需要以大写字母开头？

javascript - 组件名称需要以大写字母开头？

问题描述

所以我试图使用这个https://github.com/seeden/react-facebook作为我的混合反应应用程序的一部分。但是，当我将代码复制并粘贴到我的项目中时，它给了我一个错误

import React, {Component } from 'react';
import { FacebookProvider, Page } from 'react-facebook';
//import {createBottomTabNavigator, createAppContainer} from 'react- 
navigation';
export default class Home extends Component {
    render(){
       //const { navigate } = this.props.navigation
    return (
       <FacebookProvider appId="2319566588264121">
           <Page href="https://www.facebook.com/somepage/" tabs="timeline" 
            />
       </FacebookProvider> 
    );
   }
 }

这个想法是在我的应用程序屏幕上显示一个 facebooks 页面提要。但是我收到此错误：

Invariant Violation: View config not found for name div. Make sure to start component names with a capital letter.

This error is located at:
  in div (created by Page)
  in Page (created by Parser)
  in Initialize (created by Context.Consumer)
  in ForwardRef (created by Parser)
  in div (created by Parser)
  in Parser (created by ForwardRef)
  in ForwardRef (at Home.js:18)
  in Facebook (at Home.js:17)
  in Home (at SceneView.js:0)
  in SceneView (at createTabNavigator.js139)
  in RCTView (at View.js:45)
  in View (at ResourceSavingScene.js:37)
  in RCTView (at View.js:45)
  in View (at ResourceSavingScene.js:26)
  in ResourceSavingScene (at createllottomTabNavigatorls:121)
  in RCTView (at View.js:45)
  in View (at screens.native.js:83)
  in ScreenContainer (at create00ttomTabNavigator.js:111)
  in RCTView (at View.js:46)
  in View (at createBottomTabNavigator.js: 110)
  in TabNavigationView (at createTabNavigator.js:197)
  in NavigationView (at createNavigator.js:61)
  in Navigator (at createAppContainer.js:429)
  in NavigationContainer (at . .

标签： javascriptnode.jsreactjsapireact-native

解决方案

看起来Seeden/react-facebook是为浏览器和 DOM 构建的。你不能<div>在 React Native 中使用和类似的东西——这意味着你必须自己实现这个库，或者找到其他与 React Native 兼容的东西

推荐阅读