为什么React组件被多次调用

时间:2019-02-11 06:32:12

标签: reactjs react-native react-redux

我正尝试在react native中创建一个简单的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});
}

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

在组件“ TaskList”中,以下是render方法的摘录-

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

console.log如我所料显示为“ false”,但是,以某种方式再次调用它,并显示值为“ true”。

我在这里想念什么?

请告知我是否可以提供更多信息。

0 个答案:

没有答案