Input

() => {
  const [value, setValue] = useState('')
  return (
    <Input
      placeholder="请输入..."
      value={value}
      onChange={e => setValue(e.target.value)}
    />
  )
}

() => {
  const [value, setValue] = useState('test')
  return (
    <Input
      clearable
      value={value}
      onChange={e => setValue(e.target.value)}
      onClear={() => setValue('')}
    />
  )
}

() => {
  const [value, setValue] = useState('test')
  const [value2, setValue2] = useState('test')
  return (
    <div>
      <div>Basic:</div>
      <Input
        type="password"
        value={value}
        onChange={e => setValue(e.target.value)}
      />
      <div>Clearable:</div>
      <Input
        type="password"
        clearable
        value={value2}
        onChange={e => setValue2(e.target.value)}
        onClear={() => setValue2('')}
      />
    </div>
  )
}

() => {
  const [value, setValue] = useState('')
  return <Input disabled value={value} onChange={e => e.target.value} />
}