在我的本机应用程序中，无法将作为prop的函数传递给child

Question

我有我的主App.js，我只在构造函数中做一些路由和设置状态，看起来像这样。

  class App extends React.Component {
    constructor() {
      super()
      this.state= {
        modalstuffshown: false,
        modalitems: null,
      }
    this.newalerter = this.newalerter.bind(this);
  } 
   newalerter() {
     Alert.alert("hey")
 }     

  const MainScreenPage = () => (
   <View>
     <TopMovies />
   </View>
  )

  const SearchPage = () => (
   <View>
    <SearchPageComp 
     newalerter={this.newalerter}
   />
  </View>
  )

  export const RootTabs = TabNavigator({
    MSPage: {
    screen: MainScreenPage,
    },
  SPage: {
    screen: SearchPage,
    },
  })

  export default RootTabs;

我正在尝试调用函数newalerter，该函数应警告＆＃34;嘿＆＃34;在将SearchPageComp作为道具传递给我之后发出错误。

  <Button onPress={()=>{this.props.newalerter()}} title="click here" />

但我收到错误undefined is not a function (evaluating '_this3.props.newalerter()')

是不是因为我没有通过执行

导出App类作为默认值

  export default class RandomShakePage extends React.Component {

我已经将RootTabs导出为默认值，它说我每个模块只能导出一个。