Question

这是我的Router navigation setup。我从EmployeeList导航到EmployeeCreate组件。当我点击创建按钮时，我想回到EmployeeList。

<Router>
   <Scene key="root" hideNavBar={true}>
     <Scene key="auth">
       <Scene key="login" component={LoginForm} title="Login" />
     </Scene>

     <Scene key="main">
      <Scene
        onRight={() => Actions.employeeCreate()}
        rightTitle="Add"
        key="employeeList"
        component={EmployeeList}
        title="Employee List"
        initial={true}
      />
      <Scene key="employeeCreate" component={EmployeeCreate} title="Employee Create"/>
     </Scene>
  </Scene>
</Router>

我试过这样的。但是得到了一个错误：

＆＃34;没有为关键employeeCreate定义路由。必须是以下之一：＆＃39; auth＆＃39;，＆＃39; main＆＃39;＆＃34;

Actions.employeeCreate({ type: 'reset' });

EmployeeCreate 即可。的 JS

onButtonPress() {
    const { name, phone, shift } = this.props;
   this.props.employeeCreate({name, phone, shift: shift || 'Monday'});
 }

export const employeeCreate = ({ name, phone, shift }) => {
  return() => {
    Actions.employeeCreate({ type: 'reset' });
  }
};

如何在主场景中调用employeeList场景？

Answer 1

要返回上一个组件，您应该使用

Actions.pop()

如果您需要前往您正在处理的场景组中的特定场景。您可以使用在场景中定义的键来调用场景

Actions.employeeList()

如果您需要转到另一组场景，则必须调用父场景的键

Actions.auth()

从堆栈弹出react-react-router-flux上的导航

1 个答案: