ReactNative入门：屏幕导航

Question

我开始了一个本机反应项目，但是我不知道如何解决我的问题。

谢谢您的帮助！

Answer 1

在render函数中使用jsx，请勿从孩子那里调用render

render() {
  return <MainView />;
}

Answer 2

您的代码中有两个问题。首先，在您的HomeScreen类的render方法中。应该是这样的：

export default class HomeScreen extends React.Component {
    render() {
        return(<MainScreen/>)
    }
}

说明：render方法始终期望使用有效的JSX元素或返回有效JSX元素的函数。这就是抛出Invariant Violation错误的原因，它原本希望使用JSX元素，但是却得到了一个违反主体的新对象。

下一个问题是MainScreen类的render方法中的语法错误。按钮元素的结束标记不应在括号之后。所以应该像这样：

export default class MainScreen extends React.Component {
    render() {
       return(
         <Button onPress={()=>{}}></Button>
       ) //correct
    return(
       <Button onPress={()=>{}}> </Button>}
      ) //incorrect
    }
}