ReactJs /语义UI复选框在循环中

问题描述 投票:0回答:1

我使用checkbox通过json数据渲染了一些map

Data.FacData.map((v, i) => (
  <div key={i} className="CheckBox">
    <input
      type="checkbox"
      name="Facilities"
      value={v.id}
      onChange={this.getFacilities}
      id={"Facilities-"+v.id}
      />
    <label htmlFor={"Facilities-" + v.id}>{v.name}</label>
  </div>
))

JSFiddle

它工作正常,您可以选择任何chekcbox并将其作为数组存储在控制台日志中(我以某种方式处理并将其保存到数据库中),但是现在我想从数据库(api)中获取之前选择的用户,我知道了数据(对象)

facilities: "1,3"

这意味着用户选择复选框13,我想选中此复选框,我尝试使用defaultChecked属性,但是它不仅选中了1,3,还选中了所有复选框,任何解决方案?

JSFiddle

javascript reactjs semantic-ui
1个回答
0
投票

像这样更新您的代码或参考https://jsfiddle.net/L7y2m8zr/11/您需要使用split

© www.soinside.com 2019 - 2024. All rights reserved.