组件名称需要从大写字母开始

Question

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

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 . . 

Answer 1

看起来像是为浏览器和DOM构建的seeden/react-facebook。您不能使用 <div>和react Antial中的喜欢的人 - 这意味着您必须自己实现此库，或者找到其他react Antive Antival兼容

Answer 2

是的，组件的名称必须以大写字母开头，因为当您用小字母编写组件名称时，编译器将其运行为HTML标签，但是当您使用大写字母编写编译器时，从您的JavaScript文件位置运行。