React Hooks 复选框未设置为 true 和 false

Question

我遇到了这个问题，在状态更改时我可以看到 data-check="true" 或 "false" 但它没有更改复选框的实际选中属性。请参阅下面的 codepen 示例 link，它更接近我当前正在使用的代码： https://codepen.io/umair862/pen/OJNOgWB

return (
        <div>
            {typetags && typetags.map((type, idx) => {
                return (
                    <div key={type.id}>
                        <input type="checkbox" name={type.title} data-check={!!type.checked}  checked={!!type.checked}  id={type.id} onChange={e=>onTypeChange(e, type.id, idx, type.title)} />
                <label htmlFor={type.id}>{type.title}</label>
                    </div>
                );
            })}
        </div>
    );

Answer 1

为什么要加上e.preventDefault();？删除它，它应该可以正常工作。

React Hooks 复选框未设置为 true 和 false

React Hooks checkbox not setting checked to true and false

checkbox

state

rendering

reactjs

react-hooks