渲染不是功能 facebook 广告

Question

我正在制作 React Native expo 应用程序，并开始在我的应用程序中添加 Facebook 广告。我得到了 id，然后我安装了 expo-ads-facebook 包，但是当我开始添加横幅时，它给了我一个错误：

r.render 不是函数

App.js

import React from 'react';
import { FacebookAds } from 'expo'

class AdScreen extends React.Component {
  ViewWithBanner(props) {
    return (
      <FacebookAds.BannerAd
        placementId="2272791379702600_2272803043034767"
        type="standard"
        onPress={() => console.log('click')}
        onError={error => console.log('error', error)}
      />
    );
  }
}

export default createStackNavigator({
  Main: { screen: AdScreen }
}, 
{initialRouteName: 'Main'});

Answer 1

没有渲染功能，但如果使用带有 JSX 的类组件，则确实需要一个。例如：

class AdScreen extends React.Component {
    render () {
        return (
            <FacebookAds.BannerAd
                placementId="2272791379702600_2272803043034767"
                type="standard"
                onPress={() => console.log('click')}
                onError={error => console.log('error', error)}
            />
        );
    }
}

或者，您可以按照文档创建无状态功能组件：https://docs.expo.io/versions/latest/sdk/facebook-ads/

旁注：从您的导入来看，您使用的似乎是过时的 expo 版本。我建议为新项目升级到最新版本。