小编Pan*_*her的帖子

我创建了一个模态（受益人类型），当我选择人作为受益人类型并单击受益人类型模式中的下一个时，我试图调用另一个模态，但是当我尝试实施它时，我在下面失败两点： 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)

我正在使用反应rc-slider。我想添加工具提示来显示当前值我正在关注rc-slider github post。但我的滑块位置固定了。一旦工具提示出现，它就不会消失。我的滑块看起来像这样

相关代码如下

const handle = () =>(

       <Tooltip
      prefixCls="rc-slider-tooltip"
      overlay={this.props.value}
      visible={true}
      placement="top"
      key={0}
    >
      <Handle value={this.props.value}  />
    </Tooltip>

我的渲染是

    return (

      <Slider
        min={this.props.minValue}
        max={this.props.maxValue}
        marks={marks}
        disabled={this.props.disabled}
        step={this.props.step}
        onChange={this.updateValue.bind(this)}
        value={this.props.value}
        handle={handle}
       // tipFormatter={value => `${value}%`}
        onAfterChange={value => this.props.updateValue(value)}
      />
)

请帮助我如何改进这个