我正在学习 React + Typescript，但我遇到了一个奇怪的问题。本质上，我已经定义了一个 FunctionComponent:

const AddLogModal: React.FC<{ addLog: Function }> = ({ addLog }) => {
    const [message, setMessage] = useState('');
    const [attention, setAttention] = useState(false);
    const [tech, setTech] = useState('');

我正在尝试将 attention 变量分配给 checkbox 值，所以我做了:

 <input
       type="checkbox"
       className="filled-in"
       checked={attention}
       value={attention}
       onChange={e => setAttention(!attention)}
       />

到目前为止我得到这个错误:

Type 'boolean' is not assignable to type 'string | number | readonly string[] | undefined'.

我做错了什么？

最佳答案

复选框的状态是通过 checked 属性设置的 only - 它也不需要 value。删除这部分:

value={attention}

https://stackoverflow.com/questions/64378450/