react (antd) 中如何对表单经行拆分？

Question

项目中有如下表单结构：

...省略部分组件代码

name?
//输入姓名
<Form.Item label='姓名'>
  {getFieldDecorator('name', {
    initialValue: name,
     })(
    <Input />
  )}
</Form.Item>
:
//输入地址
<Form.Item label='地址'>
  {getFieldDecorator('address', {
    initialValue: address,
     })(
    <Input />
  )}
</Form.Item>

需求描述：以上表单结构我想在项目中大量复用，name以及address都是通过父组件传入，同时使用antd的表单数据双向绑定。并且子组件内部会判断name值有无来渲染相应的表单结构，如上三元表达式。那么如何做到在既可以通过父组件传递name和address值来达到相应的渲染结果，并同时可以通过子组件内部改变name的值得到对应的渲染结果呢？（子组件内部实现name与address的切换）