如何在react-native-sectioned multi- select中预选项目？

在react-native-sectioned-multi-select中预选项目可以通过设置selectedItems属性来实现。selectedItems是一个数组，用于存储已选中的项目。你可以将需要预选的项目的值添加到selectedItems数组中，然后将该数组作为selectedItems属性的值传递给SectionedMultiSelect组件。

以下是一个示例代码：

import React, { useState } from 'react';
import SectionedMultiSelect from 'react-native-sectioned-multi-select';

const App = () => {
  const [selectedItems, setSelectedItems] = useState([]);

  const onSelectedItemsChange = (selectedItems) => {
    setSelectedItems(selectedItems);
  };

  const items = [
    {
      name: 'Fruits',
      id: 0,
      children: [
        { name: 'Apple', id: 10 },
        { name: 'Banana', id: 11 },
        { name: 'Mango', id: 12 },
      ],
    },
    {
      name: 'Colors',
      id: 1,
      children: [
        { name: 'Red', id: 20 },
        { name: 'Blue', id: 21 },
        { name: 'Green', id: 22 },
      ],
    },
  ];

  return (
    <SectionedMultiSelect
      items={items}
      uniqueKey="id"
      subKey="children"
      selectText="Select items"
      showDropDowns={true}
      readOnlyHeadings={true}
      onSelectedItemsChange={onSelectedItemsChange}
      selectedItems={selectedItems}
    />
  );
};

export default App;

在上面的示例中，items数组包含了要显示的选项和子选项。uniqueKey属性指定了每个选项的唯一标识符，subKey属性指定了子选项的键名。selectText属性设置了选择框的文本。showDropDowns属性设置为true以显示下拉框。readOnlyHeadings属性设置为true以禁用标题的选择。onSelectedItemsChange函数用于更新selectedItems数组。最后，将selectedItems数组作为selectedItems属性的值传递给SectionedMultiSelect组件。