Reactjs 反应-保持复选框'；选中'；状态

我有一个带3个选项的收音机过滤器。 过滤器显示带有复选框的对象，onCheck将它们添加到数组中。 我面临的问题是，当我检查处于筛选状态的一个对象，并切换到另一个筛选状态时，我将丢失选中状态。 当我重新启动过滤器时，如何保持选中状态（也是视觉上的）？ 我会想象localStorage，但是我在UI中丢失了复选框（视觉上）

我的过滤器：

<Label htmlFor="button1">Default</StyledLabel>
 <Input type="radio" name="sort" value="2" id="button2" onChange={handleSort} />
<Label htmlFor="button2">Date</StyledLabel>
  <Input type="radio" name="sort" value="2" id="button2" onChange={handleType} />
<Label htmlFor="button3">A - Z</StyledLabel>
  <Input type="radio" name="sort" value="3" id="button3" onChange={handleMake} />

const checkingModels = e => {
   if (e.target.checked) {
       modelSelection.push(e.target.value);
     }

   if (!e.target.checked) {
       modelSelection.splice(modelSelection.indexOf(e.target.value), 1);
     }
};