entity-form v0.3.0

Entity Form

安装

npm i entity-form

用法

我们用一个常用的登录表单开始，通常表单包含用户名和密码两个字段，下面代码展示 entity-form 的基本用法：

第一步: 定义实体

import { entity, field } from "entity-form";

@entity("user-entity")
export class User {
  @field({ value: "", component: "Input" })
  username: string;

  @field({ value: "", component: "Input", type = "passord" })
  password: string;

  onSubmit(values: User) {
    alert(JSON.stringify(values, null, 2));
  }
}

第二步: 绑定实体到 React 表单

import React from "react";
import { EntityForm } from "entity-form";

export default () => {
  return <EntityForm entity={User}></EntityForm>;
};