Question

reactjs怎么绑定radio

Answer 1

一.问题描述：
上周使用React在做一个后台管理的前端UI界面，应该没什么问题，结果，在联调时，发现在对同一个组件引用多次后，表单控件会“串联“。。。直接上图还是比较好呢。。。

其中A,B,C都是单选按钮，是同一个组件，在不同地方的多次复用 ！但是在，不同调用时候，会相互影响。

二.问题分析：
（1）由于新建和修改的结构以及要传回接口的数据是一模一样的，所以就选择在搭结构的时候复用组件。因为是复用组件，所以在遇到这个bug时，一直以为是由于组件的复用，state里的状态发生被共享了，然后查了很多资料找了很多例子来试，都没能解决这个问题。。。然后就郁闷了。。
（2）在查资料的过程中看到了一个不错的调试React的工具，果断安装。（工具名字是：React Developer Tools，浏览器：Chrome），安装之后，惊喜发现，通过它可以看到组件里的state和function, 截图如下：
“新建“－组件状态：

”修改“－组件状态：（列表里不只一个数据，为了更好的看出组件state变化，多贴两个组件状态）