我有一个MUI复选框：

<Checkbox
    checked={rowValues[row.id]}
    onChange={() => {
                       const temp = { ...rowValues, [row.id]: !rowValues[row.id] };
                       setRowValues(temp);
              }}
    inputProps={{ 'aria-label': 'controlled' }}
/>

有一个选择所有按钮

<Button
    onClick={async () => {
                            isAllSelected = !isAllSelected;
                            const tmp = await setAllValues(isAllSelected);
                            setRowValues(tmp);
                          }}
    size="small"
    variant="contained"
>
{isAllSelected ? 'Unselect All' : 'Select All'}
</Button>

这两个都使用了rowValues whoose结构，看起来像这样：

{
625fd0bc4163c339b4235286: true
627df6084067debf4de42287: true
629a481d848843b1baaf7945: true
6260feb706684d04a43da863: true
62809135dbf57c3ee8d7efd4: true
}

与默认值和初始化相关的代码：

const [rowValues, setRowValues] = useState([]);
    let temp = [];
    async function setAllValues(value) {
        await stableSort(rows, getComparator(order, orderBy))
            .slice(page * rowsPerPage, page * rowsPerPage + rowsPerPage)
            .forEach((row) => {
                temp = { ...temp, [row.id]: value };
            });
        console.log('| temp', temp);
        return temp;
    }
    React.useEffect(() => {
        setAllValues(false).then(setRowValues);
    }, []);

当我点击全部选择按钮时，对应ID的所有值都被更改为true。现在对于复选框中选中的 prop ，我将其设置为相应ID的值（true或false）。我得到了一个错误：
index.js：1 Material-UI：某个组件正在更改要控制的SwitchBase的非受控检查状态。元件不应从不受控切换到受控（反之亦然）。决定在组件的使用寿命内使用受控或非受控SwitchBase元素。状态的性质在第一次渲染期间确定。如果值不是undefined，则认为是受控的。