考虑以下代码块：

{split.participants.map(friend => {
                        return <div key={Math.random()} className="form-check my-2 d-flex align-items-center justify-content-between">
                            <div className='d-flex align-items-center'>
                                <FormControlLabel control={<Checkbox 
                                  onChange={(e) => {
                                    let temp = sharedByChecks
                                    const t = friend
                                    temp[t] = !temp[t]
                                    console.log("temp:", temp)
                                    setSharedByChecks(temp);
                                }} 
                                  checked={sharedByChecks[friend]} />} 
                                  label={friend} />
                            </div>
                            
                        </div>
                    })}

下面是对变量的描述：

1. split是一个对象，它有一个名为participants的字符串数组。这是按预期工作的，因为渲染的结构很好（Map变量friend按预期工作）
2. sharedByChecks是一个对象，它的键是every participant，值是true或false，表示他/她的复选框是否应该被选中。例如：
   { rahul：true，sam：false }
3. t是其值为Map变量friend的副本。
   1.现在单击复选框，当I console.log(temp)时，它会按预期记录值，在true和false之间切换。
   1.然后我使用setSharedByChecks更新sharedByChecks，变量的状态不会更新，使用react dev tools扩展确认。因此，即使复选框也不会从选中变为未选中，反之亦然。
   有人能指出我哪里做错了吗？如果你需要更多的信息，请发表评论。