javascript - 复选框在 react js 中不起作用

Question

我的复选框在动态创建时未被选中。我找不到问题所在。但是，当我对 check box id 和 label for 的值进行硬编码时，它就可以正常工作。

var category_list = this.props.categories_list.map(function(name, i) {
        // debugger
        return (
            <div className="group-chkbx list-group-item">
                <input key={i+11} type="checkbox" id={name.category_id} name="category" />
                <label htmlFor={name.category_id}>{name.name}</label>
            </div>
        )
    });

Answer 1

经过大量研究后，我的一位同事帮助我找到了解决方案。 htmlFor 和 id 必须相同，但不能只有数字。我使用的 ID 是纯数字的。当我添加字母表作为前缀时，它就开始像魅力一样工作了。感谢大家在这里表现出兴趣并提供帮助。