如果值在数组中，则 ReactJS 复选框

Question

如果值包含在数组中，如何检查 reactjs 中的复选框输入？
我试图在选中的道具中过滤数组，但仍然无法正常工作

  const [productForm, setProductForm] = useState({
    sizes: ["41", "42", "43"],
  });

                [40, 41, 42, 43, 44, 45].map((size, index) => (
                  <div className="col-2" key={index}>
                    <div className="form-group">
                      <div className="form-check form-check-inline">
                        <label className="form-check-label">
                          <input type="checkbox" className="form-check-input" name="sizes" value={size} onChange={e => handleCheckBox(e)} checked={productForm.sizes.includes(size)} />
                          <i className="input-helper"></i>
                          {size}
                        </label>
                      </div>
                    </div>
                  </div>
                ))

Answer 1

您的逻辑是正确的，但您正在寻找字符串数组中的数字：

["40", "41", "42"].includes(40) // false

[40, 41, 42].includes("40") // false

[40, 41, 42].includes(Number("40")) // true