reactjs - 如何在 react.js 中实现安全记住用户名和密码

Question

<Formik
    initialValues={LoginSchema}
    validationSchema={LoginSchemaValidation}
    onSubmit={(values, { setSubmitting, resetForm }) => {
      this.handleSubmit(values);
      setSubmitting(false);
      resetForm();
    }}
  >
    <Form>
      <div className="input-group mb-3">
        <Field name="username" type="email" className="form-control" placeholder="Email" />
        <div className="input-group-append">
          <div className="input-group-text">
            <span>
              <FontAwesomeIcon icon={faEnvelope} />
            </span>
          </div>
        </div>
      </div>
      <p className="errors">
        <ErrorMessage name="username" />
      </p>
      <div className="input-group mb-3">
        <Field
          name="password"
          type="password"
          className="form-control"
          placeholder="Password"
        />

        <div className="input-group-append">
          <div className="input-group-text">
            <span>
              <FontAwesomeIcon icon={faLock} />
            </span>
          </div>
        </div>
      </div>
      <p className="errors">
        <ErrorMessage name="password" />
      </p>

      <div className="input-group mb-3">
        <label>
          <Field name="isRemember" type="checkbox"/> Remember Me
        </label>
      </div>

      <div className="row">
        <div className="col-12">
          <button type="submit" className="btn btn-yellow btn-block">
            Sign In
          </button>
        </div>
      </div>
    </Form>
  </Formik>

这是我对用户输入的反应形式，我使用 spring boot 作为后端。现在我想在前端实现记住我的功能将用户名和密码存储在本地存储中是否安全？如果没有，那么我应该如何实现这个功能？

标签： reactjsspring-boot