详解react native页面间传递数据的几种方式

 componentDidMount() {
 // 利用DeviceEventEmitter 监听 concactAdd事件
  this.sub ion = DeviceEventEmitter.addListener(\'concactAdd\', (dic) => {// dic 为触发事件回传回来的数据
   // 接收到 update 页发送的通知，后进行的操作内容
   if (dic.approver_list) {
    this.setState((preState:  ) => {
     this.updateInputValue(preState.approver_list.concat(dic.approver_list), \'approver_list\');
     return { approver_list: preState.approver_list.concat(dic.approver_list) };
    });
   }
   if (dic.observer_list) {
    this.setState((preState:  ) => {
     this.updateInputValue(preState.observer_list.concat(dic.observer_list), \'observer_list\');
     return { observer_list: preState.observer_list.concat(dic.observer_list) };
    });
   }
  });
...
componentWillUnmount() {
  this.sub ion.remove();
}

// 触发concactAdd事件广播
handleOk = (names: []) => {
  const { field } = this.props;
  DeviceEventEmitter.emit(\'concactAdd\', { [field]: names });
 }

// 定义路由跳转函数 cb表示需要传递的回调函数
export const navigateTo man = (cb: Function, type?: string, mul?: boolean): NavigateAction =>
 NavigationActions.navigate({ routeName: \' man\', params: { cb, type, mul } });
 // 跳转选择人员页面
  handleSelectUser = () => {
   Keyboard.dismiss();
   this.props.actions.navigateTo man(this.selectedUser, \'\', true);
...
// 选择人员后的回调函数
selectedUser = (selectUser: string[]) => {
   this.setState((preState) => {
    const newEmails = preState.emails.concat(selectUser);
    const emails = [...new Set(newEmails)];
    return {
     emails,
    };
   });
  }

handleToUser = () => {
  ...
  navigation.state.params.cb(user.email, group);
  ...
}

componentDidMount() { 
this.props.navigation.addListener(\'didBlur\', (payload) => {
     if (this.modalView) this.modalView.close();
    });
  }