Question

我有一组复选框，用户可以检查它们以创建一些过滤器。用户在激活过滤器的位置提交表单。效果很好，但是如果用户返回filterContainer，则复选框不会保持其状态，并且所有复选框都未选中。

加载过滤器页面时如何检查已选中的复选框。

如果这是标准的JS，我会简单地获取每个dom元素（具有正确的ID，然后将属性设置为checked），尽管在React中我看不到这样做的方法。

这是代码

年龄数据只是一个数组，而handleClick函数只是将数据发送到商店。

const ageData = [18+,18-35,36-50, 50+]

  <div className="filter__group-container">
    <h3>Age</h3>
    {ageData.map((item, index) =>[<div className="filter__group-item-container" key={index}>
      <CheckBox checked={need to send a boolean here somehow}
        handleClick={() =>this.handleClick({
          'id':item.id,
          'name': 'age_group_ids'
        })}
        key={index}
        id={'age:' + item.id} />
      <label key={item.description + index}>{item.description}</label>  </div> ])}
  </div>

Answer 1

这个？

string.Replace()

如果我有ID，如何自动在React中选中一个复选框

1 个答案: