ant design 的checkbox不能选择也不能取消，是什么原因啊？

Question

<Modal width='720px' title="店铺设置"``>

                    {

                    tagList ?

                       <Row>

                           {

                            tagList.map((item,i)=>{

                                if(item.isDefault == 1){

                                return   (<Col span={8} key={i} ><Checkbox  disabled={true} checked={item.isShopHaveTag ? true: false}><img src={JSON.parse(item.tagIcon).src}/>{item.tagName}</Checkbox></Col>)

                                 

                                }else{

                                return  (<Col span={8} key={i}><Checkbox   checked={item.isShopHaveTag ? true:false} ><img src={JSON.parse(item.tagIcon).src}/>{item.tagName}</Checkbox></Col>)  

                                }

                            })

                            }

                       </Row>

                   :''

                    }

                           

                   

                </Modal>

Answer 1

React是单向数据流, 你Checkbox的状态只受item.isShopHaveTag的控制. 当你点击Checkbox时, 触发了onChange事件, 但item.isShopHaveTag并没有改变, 所以Checkbox的状态也没有改变.如果你希望item.isShopHaveTag的值能随Checkbox的操作而改变, 你应当为Checkbox的onChange提供一个函数改变item.isShopHaveTag的值