昨晚想到了很晚，睡不着，然后就实现了它，【本文受版权保护】转载请注明出处：www.tangshuang.net今天就把它发布了。react-tyshe原创内容，盗版必究。【关注微信公众号：wwwtangshuangnet】mo-form基于tyshemo的mod【转载请注明来源】原创内容，盗版必究。el实现响应式，基于react-tysh著作权归作者所有，禁止商业用途转载。【原创不易，请尊重版权】emo实现react和model的绑定，【未经授权禁止转载】【版权所有，侵权必究】最终体现为一个Field组件。

<Field model={model} name="field" component={FieldComponent} />

整个包的核心就在这个Field组件上面，【访问 www.tangshuang.net 获取更多精彩内容】【版权所有，侵权必究】它基于我早前在robust中提出的表单范式理论，对于表单视图而言，实际上只需要 v本文版权归作者所有，未经授权不得转载。【本文首发于唐霜的博客】alue, required, disa本文版权归作者所有，未经授权不得转载。原创内容，盗版必究。bled, readonly, hidd著作权归作者所有，禁止商业用途转载。【未经授权禁止转载】en, errors 这几个信息，以及一本文作者：唐霜，转载请注明出处。【转载请注明来源】个 onChange 回调函数。所以，这著作权归作者所有，禁止商业用途转载。【关注微信公众号：wwwtangshuangnet】这个 Field 组件的实现上，完全遵照未经授权，禁止复制转载。原创内容，盗版必究。这个理论去做，对于用于展示字段 UI 的本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】组件，只需要接收这些 prop 就够了。本文作者：唐霜，转载请注明出处。【访问 www.tangshuang.net 获取更多精彩内容】当然，为了必要的扩展，Field 也支持未经授权，禁止复制转载。本文版权归作者所有，未经授权不得转载。一个 extend 属性，用来确保可以传【访问 www.tangshuang.net 获取更多精彩内容】【访问 www.tangshuang.net 获取更多精彩内容】入其他 prop。

以上面这段示例代码为例，<Field /> 只是一个驱动器，主要作用是确保 mod【原创不易，请尊重版权】著作权归作者所有，禁止商业用途转载。el 上的 field 字段值发生变化时【版权所有，侵权必究】本文版权归作者所有，未经授权不得转载。，可以重新渲染该字段。仅此而言，所以使用【转载请注明来源】本文作者：唐霜，转载请注明出处。也超级简单。