初学React遇到想要动态绑定组件的Style问题

先说一下我的问题吧！

使用ProForm组件，组件中有两个ProForm.Group子组件想要与一个ProFormRadio.Group单选组件进行联动，需要根据ProFormRadio.Group组件的选择项动态的显示/隐藏两个ProForm.Group组件

左图 单选框选中 网络连接 时，下边的网络地址输入框出现，

右图 单选框选中 微信链接 时，下边的图片出现，

先说好，网络地址 和 图片 输入框 不是同一个

根据这个需求，我可以想到使用 FormText 中的 hidden 属性，动态的来显示或者隐藏。但是，经过测试，hidden设为true 时，确实输入框消失了，但是它只是 “消失了”，它还存在在页面上，只是看不到它而已。而ProFrom.Group却没有hidden属性，这怎么办？

这时，我们可以使用 ProFrom.Group 中的 style 属性，来为这个style动态的绑定一个Css样式如下：

 

接下来就是绑定css给style了

 现在我的需求就完成了，来这里记录一下