title: autocomplete="current-password" in React not showing fill form
body: <p>I am having an issue while using the <code>autocomplete="current-password"</code> where the form is not showing the current password. The password is saved in Chrome. The <code>input</code> is wrapped in a <code>form</code>. Is anyone having issues with <code>autocomplete="current-password"</code> not working for them?</p>
  
  <p>here is my input for React:</p>
  
  <pre><code>&lt;input
    type={this.state.visible ? `text` : `password`}
    onChange={(e) =&gt; this.props.onChange('password', e.target.value)}
    autoComplete="current-password"
    placeholder="password"
   /&gt;
  </code></pre>
  
  <p>I have not seen any reference to this not working or anyone mentioning this not working.</p>
  
  <p>note: <code>autoComplete</code> must be spelled this way in React as react does not recognize the attribute as <code>autocomplete</code> but renders on the <code>DOM</code> as <code>autocomplete</code></p>
  
  <p>here is how the element is rendering on the <code>DOM</code>:</p>
  
  <pre><code>&lt;form class="sign-in"&gt;
    &lt;div class="input-group"&gt;
      &lt;label&gt;Email&lt;/label&gt;
      &lt;input type="email" placeholder="achroma@gmail.com" autocomplete="username" name="email" value=""&gt;
    &lt;/div&gt;
    &lt;div class="input-group"&gt;
      &lt;div class="password-top"&gt;
        &lt;label&gt;Password&lt;/label&gt;
        &lt;span class="password-toggle"&gt;show password&lt;/span&gt;
      &lt;/div&gt;
    &lt;input type="password" autocomplete="current-password" placeholder="password"&gt;
    &lt;span class="forgot-password"&gt;Forgot Password?&lt;/span&gt;
    &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>