reactjs - 为什么 React 组件被多次调用

Question

我正在尝试在本机反应中创建一个简单的 ToDo 应用程序。一切正常，但我看到一个组件在导航后被多次调用的问题。我正在使用“react-native-router-flux”进行路由。

这是路由器配置

export default RouterComponent = ()=>{
    return (
      <Router>
        <Scene key="main">
         <Scene key="taskList" component={TaskList} title='Task List' initialrenderBackButton={()=>null}></Scene>
         <Scene key="task" component={TaskList} title='Task'></Scene>
         <Scene key="createTask" component={CreateTask} title='Create A Task'></Scene>
        </Scene>
      </Router>
   );
}

在组件“CreateTask”中，我正在导航回组件“TaskList”，它基本上显示了一个任务列表。

onTaskSubmit() {
  Actions.taskList({init:false});
}

如您所见，在调用“Actions”时，我将“init”道具传递为“false”。

在组件“TaskList”中，这是渲染方法的摘录 -

render() {    
   console.log(this.props.init);
}

正如我所料，console.log 显示为“假”，但是，不知何故，它再次被调用，并且显示了一个值“真”。

我在这里想念什么？

如果我能提供更多信息，请告诉我。

标签： reactjsreact-nativereact-redux