react关于表单中有大量input，该如何规划更好？

Question

如上图（飞冰crm）当表单中有打量input，该如何规划表单？是每个input都绑定一个onChange，提交时将所有value都收集起来再提交？但是这样会显得组件会很臃肿，有没有更好的解决方案、思路、文章？或者说能不能解析下飞冰这一部分是如何设计的？

Answer 1

handleChange表单事件名
type表单字段名

handleChange = (type, val) => {
    this.setState({
      [type]: val
    })
  }

Answer 2

不太清楚飞冰 CRM 的表单提供了什么样的能力
单就表单设计而言，依你上图而言，可以封装 InputField SelectField DateField，内部处理 value & onChange
业务组件只需要传递 name、label 即可，点击搜索的时候，传入当前 Form 的所有值