小编Sha*_*ank的帖子

我创建了一个模态（受益人类型），当我选择人作为受益人类型并单击受益人类型模式中的下一个时，我试图调用另一个模态，但是当我尝试实施它时，我在下面失败两点： 1. 当我导入第二个 modal(personModal) 时，它向我显示消息“personModal 已声明，但它的值从未被读取。[6133]”尽管我也在使用该导入，因此它没有被导航. 2. 在点击受益人类型模态中的下一步按钮后导航到 personModal，我想隐藏第一个模态并只显示第二个模态，而不使用反应导航器和反应路线。有没有办法做到这一点？

请帮忙。

供您参考，请找到以下代码：

• 受益人类型模态

  import React, { Component } from 'react';
  import Select from 'gssp-common-ui/lib/components/select/select.component';
  import Button from 'gssp-common-ui/lib/components/button/button.component';
  import personModal from './personModal.component';
  
  
  const backdropStyle = {
      position: 'fixed',
      top: 0,
      bottom: 0,
      left: 0,
      right: 0,
      backgroundColor: 'rgba(0,0,0,0.3)',
      padding: 50
  };
  const modalStyle = {
      backgroundColor: '#fff',
      borderRadius: 5,
      maxWidth: 500,
      minHeight: 300,
      margin: '0 auto',
      padding: 30,
      position: 'relative'
  };
  
  class Modal extends Component {
      constructor(props) {
          super(props);
          this.state = …

  Run Code Online (Sandbox Code Playgroud)