Ant Design Form组件封装 3:数据联动
背景:
https://hashnode.com/post/cmisjocxm000b02le57zzcwux 讲了大致的组件拆分,通过遍历的方式去实现数据转成视图。我们需要进一步处理数据联动的场景,比如:字段name变动了,需要去改变字段age等。
实现分析:
1.通过React State驱动更新
UI = Fn(State),状态变化,所以视图变化。通过这种方式更新是最直觉的,但这种方式会导致re-render。
2.通过key更新,强制更新组件
Fields组件,本质上是进行遍历循环,通...
blog.ai-is-luv.com3 min read