react 带交互逻辑的组件如何复用

Question

如图，现在有 n个（未知） 附加险（此页面希望做成动态的形式，根据后端返回不同的数据，展示不同），其逻辑与主险类似，如何处理这未知个数的 n 个附加险，以及如何在用于提交的时候获取及保存这 n 个附加险的状态值？

Answer 1

做一个高阶组件，高阶组件专门处理数据逻辑，其他组件仅作为高阶组件的传递数据输出纯显示组件。