как получить пользовательский ввод из antd Input.Password?

Question

Я пытаюсь получить пользовательский ввод из поля antd input.password. Возможно ли это?

Я не видел никакой информации по документам и документам. Интересно, возможно ли это

Я ожидаю строку для пользовательского input.password, так как я буду сохранять его в локальном хранилище

Answer 1

Вы всегда можете использовать метод onChange, например onChange = {e => console.log (e.target.value)}

CodeSandbox: https://codesandbox.io/s/5283xn4vo4

import React from "react";
import ReactDOM from "react-dom";
import "antd/dist/antd.css";
import "./index.css";
import { Input, Button } from "antd";

class PasswordToLocalStorage extends React.Component {
  state = {
    password: undefined
  };

  render = () => {
    return (
      <React.Fragment>
        <Input.Password
          onChange={e => this.setState({ password: e.target.value })}
          placeholder="Enter Password"
        />
        <Button
          onClick={() => {
            if (this.state.password) {
              localStorage.setItem("password", this.state.password);
              alert("saved to local storage: " + localStorage.password);
            } else {
              alert("There is no password to save");
            }
          }}
        >
          Save to localStorage
        </Button>
      </React.Fragment>
    );
  };
}

ReactDOM.render(
  <PasswordToLocalStorage />,
  document.getElementById("container")
);