Javascript 保存时无法选中复选框

问题：每次我刷新页面时，以前的复选框都会被取消选中。我有4个复选框。我检查了两个，然后刷新。另外两个也救不了。我不确定这里出了什么问题。你能指出我的错误吗。非常感谢

const handleCheckboxChange = ([event]) => {
    return event.target.checked;
  };

  const organizationInfo = {
    // label name, variable name, value
    "Organization Name": ["name", name],
    "Organization Contact E-mail": ["email", email],
  };

 const renderNeedSection = () => {
    if (organization) {
      return (
        <div>
          {Object.entries(NEEDS).map(([key, label]) => (
            <CheckBoxWrapper key={key}>
              <Controller
                as={Checkbox}
                defaultChecked={needs[key]}
                name={`needs.${key}`}
                control={control}
                onChange={handleCheckboxChange}
              >
                <Label inputColor="#000000">{label}</Label>
              </Controller>
            </CheckBoxWrapper>
          ))}
          <span style={errorStyles}>
            {errors.needs ? "Please select at least one option" : ""}
          </span>
        </div>
      );
    }
  };

const handleCheckboxChange=（[event]）=>{
返回event.target.checked；
};
const organizationInfo={
//标签名、变量名、值
“组织名称”：[“名称”，名称]，
“组织联系人电子邮件”：[“电子邮件”，电子邮件]，
};
const rendernedSection=（）=>{
国际单项体育联合会（组织）{
返回(
{Object.entries（NEEDS.map）（[key，label]）=>(
{label}
))}
{errors.needs？“请至少选择一个选项”：“”}
);
}
};

在重新加载过程中不会保持React状态。如果您希望数据持久化，您还有其他选择

将其存储在服务器中，并在页面加载时检索

使用浏览器localStorage

---

你期望发生什么？点击浏览器的“刷新”按钮后，该响应将保持状态？我希望在刷新页面或稍后返回页面时保存更改。但一旦我改变了复选框的顺序；它保存新订单并取消保存以前的订单。您将复选框的状态存储在哪里？在本地存储中还是在服务器上？存储在服务器中您可以显示从服务器获取数据的位置和状态吗？我在上面的代码中没有看到它。