react中使用ref实现复选框选中后增加删除

需求为：react项目中，点击复选框，在底部添加一栏；取消选中复选框，删除对应的一栏；在底部点击删除按钮，删除此栏同时取消上方复选框选中状态。 思路：复选框部分作为子组件 checked的值由state中的checkbox值决定，而父组件中，点击删除按钮后要执行子组件中的函数以改变子组件state中的值，此时就需要用到ref。 方法为：在父组件引用子组件时，用下面这个语句： 这样子组件中的值就可以

>>阅读原文<<