title: How to maintain the visibility of Tooltip after closing a form in React JS
body: <p>I am using Tooltip for showing validation message in my Form(which is a Modal).
  <a href="https://i.stack.imgur.com/shtIv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/shtIv.png" alt="enter image description here"></a></p>
  
  <p>I have a cancel button in the Form. When I click the cancel button (Cancel button isn't included in the below images) and redirected to the index page, the tooltip remains in the index page as shown:
  <a href="https://i.stack.imgur.com/LaKKT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LaKKT.png" alt="enter image description here"></a></p>
  
  <p>The code used for tooltip in form.js</p>
  
  <pre><code>&lt;div style={{ 'height': '46px', 'display': 'flex'}}&gt;
    &lt;label style={{ 'color': '#f5222d', 'paddingTop': '10px', 'fontFamily': 'SimSun'}}&gt;*&lt;/label&gt;&amp;nbsp;
    &lt;label style={{ 'width': '70px', 'paddingTop': '8px'}}&gt;Customer Name:&lt;/label&gt;
    &lt;FormItem&gt;
      {getFieldDecorator('Name', { initialValue: '', rules: [{ required: true, message: (
      &lt;Tooltip visible={true} placement="topRight" title="Please Input Customer Name" /&gt; ), }], })(
      &lt;Input placeholder="Customer Name" style={{ 'width': '164px'}} onChange={(e)=&gt;{e.preventDefault(); e.stopPropagation(); this.handleChange(0,e, 'Name')}}/&gt; )}
    &lt;/FormItem&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Code for Cancel button in index.js</p>
  
  <pre><code>handleModelCancel = () =&gt; {
    this.setState({  isModelOpen:false });
  }
  </code></pre>
  
  <p>Is there any way to solve this problem? Can anybody help me?</p>