How to use

Password

function

in

antd

const InputOverride = ({ variant, ...config }) => (
 <>
  {
   {
    password: (
     <Input.Password {...config} className={styles.rootPassword} />
    ),
    text: <Input {...config} className={styles.root} />
   }[variant]
  }
 </>
)

render() {
    return [
      <div key={1} className="login-container">
        <h2>Login</h2>
        <div className="login-padder">
          <div className="loginput">
            <Input name="username" className="login-uname" addonBefore="Username" placeholder="Username"/>
          </div>
          <div className="loginput">
            <Input.Password name="password" className="login-pass" addonBefore="Password" placeholder="Password"/>
          </div>
        </div>
        <div className="btn-container">
          <Button disabled>Sign up</Button>
          <Button type="primary" onClick={this.login}>Login</Button>
        </div>
      </div>
    ]
  }

 {getFieldDecorator('oldpassword', {
  rules: [{ required: true, message: '请输入旧密码' }],
 })(<Input.Password placeholder="请输入旧密码" />)}
</FormItem>
<FormItem label="新密码" {...formLayout}>
 {getFieldDecorator('newpassword', {
  rules: [{ required: true, message: '请输入新密码' }],
 })(<Input.Password placeholder="请输入请输入新密码" />)}
</FormItem>
<FormItem label="确认密码" {...formLayout}>
 {getFieldDecorator('repassword', {
  rules: [{ required: true, message: '请输入确认密码' }],
 })(<Input.Password placeholder="请输入请输入确认密码" />)}
</FormItem>
<Button type="primary" size="large" className={styles.submitBtn} onClick={okHandle}>

  <Input style={{"marginBottom": "10px"}} addonBefore="Username" placeholder="Some Username"
      defaultValue="Admin" className="setup-admin-uname" onChange={() => checkNextable()}/>
  <Input.Password addonBefore="Password" placeholder="Some Password" className="setup-admin-pass"
          onChange={() => checkNextable()}/>
</div>,

<Input.Password
 name="password"
 onChange={this.onTextChange}

/>
<br /><br />
<Input.Password
 id="password"
 size="large"

<Field name="password">
 {({ field }) => (
  <Input.Password
   {...field}
   type="password"

</div>
<div className="loginControlGroup">
  <Input.Password
    name="password"
    onChange={handleChange}

  style={{ margin: '0' }}
  <Input.Password/>
</Form.Item>
<Form.Item style={{ textAlign: 'right' }}>

 rules={[{ required: true, message: "Пожалуйста введите свой пароль!" }]}
 <Input.Password />
</Form.Item>
<Form.Item>

<Field name="password">
 {({ field }) => (
  <Input.Password
   {...field}
   type="password"

  css={css`margin: 0;`}
  <Input.Password/>
</Form.Item>
<Form.Item {...tailLayout}>

 hasFeedback
 <Input.Password />
</Form.Item>
 ]}
 <Input.Password />
</Form.Item>

 {getFieldDecorator('oldpassword', {
  rules: [{ required: true, message: '请输入旧密码' }],
 })(<Input.Password placeholder="请输入旧密码" />)}
</FormItem>
<FormItem label="新密码" {...formLayout}>
 {getFieldDecorator('newpassword', {
  rules: [{ required: true, message: '请输入新密码' }],
 })(<Input.Password placeholder="请输入请输入新密码" />)}
</FormItem>
<FormItem label="确认密码" {...formLayout}>
 {getFieldDecorator('repassword', {
  rules: [{ required: true, message: '请输入确认密码' }],
 })(<Input.Password placeholder="请输入请输入确认密码" />)}
</FormItem>
<Button type="primary" size="large" className={styles.submitBtn} onClick={okHandle}>

  style={{ margin: '0' }}
  <Input.Password/>
</Form.Item>
<Form.Item style={{ textAlign: 'right' }}>