Блог

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

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

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

Вы всегда можете использовать метод 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")
);