如何在 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 作为后端。 现在我想在前端实现记住我的功能 将用户名和密码存储在本地存储中是否安全？ 如果没有，那么我应该如何实现这个功能？