[解決済み] Antdのチェックボックスグループでチェックボックスを個別に更新する方法

質問

を作成しました。 a Checkbox.Group を使用して、APIからの値に基づいて、以下のチェックボックスをチェックする必要があります。

const options = [
  { label: 'Apple', value: 'Apple' },
  { label: 'Pear', value: 'Pear' },
  { label: 'Orange', value: 'Orange' }
];

const valuesFromApi = ['Apple', 'Pear'];

ReactDOM.render(
  <div>
    <Checkbox.Group
      options={options}
      onChange={onChange}
      value={valuesFromApi}
    />
  </div>,
  document.getElementById('container')
);

解決方法は？

を指定する必要があります。 value プロパティに Checkbox-Group

値 - 現在選択されている値を設定するために使用します。

const options = [
  { label: 'Apple', value: 'Apple' },
  { label: 'Pear', value: 'Pear' },
  { label: 'Orange', value: 'Orange' }
];

const valuesFromApi = ['Apple', 'Pear'];

ReactDOM.render(
  <div>
    <Checkbox.Group
      options={options}
      onChange={onChange}
      value={valuesFromApi}
    />
  </div>,
  document.getElementById('container')
);