React如何做表单渲染优化

Question

页面上有三个自定义表单单子组件，每个子组件都有五六个input，为了父组件渲染次数最少，我把数据放在了各个子组件，父组件提交的时候用ref去获取每个表单数据，但依然感觉在输入的时候不流畅，是不是需要把input也封装成一个组件，来优化渲染？ 感觉react底层不至于连这点渲染都会卡吧。

Answer 1

把各个输入剥离开来，然后 memo 之类的减少渲染次数。