小编Lou*_*ous的帖子

我刚刚更新了反应选择库，我发现它不再起作用了。在官方网站上，我发现了这个升级指南，它对我没有帮助，而且什么也没说。

我还检查了他们网站上的示例，但它给了我同样的错误。

例如我想做一个非常基本的可创建选择：

import AsyncCreatableSelect from 'react-select/async-creatable';

const promiseOptions = (inputValue: string) =>
  new Promise<any[]>((resolve) => {
    setTimeout(() => {
      console.log('searching...');
    }, 1000);
  });

const Select: React.FC = () => {
  return (
    <AsyncCreatableSelect
      cacheOptions
      defaultOptions
      loadOptions={promiseOptions}
    />
  );
};

对于我的项目中的所有其他选择也是如此。您知道如何修复它吗？

我收到的错误如下：

我使用nextjs 12.1.2 react 18.0.0和typescript 4.6.3react-select 5.2.2

当我打开一页时，我需要已经打开选择。我使用这个 tailwindcss select

我试过这个

<Listbox value={selectedPerson} onChange={setSelectedPerson}>
  //Listbox.Button has a prop called autoFocus
  <Listbox.Button autoFocus={true}>{selectedPerson.name}</Listbox.Button>
  <Listbox.Options>
    {people.map((person) => (
      <Listbox.Option
        key={person.id}
        value={person}
        disabled={person.unavailable}
      >
        {person.name}
      </Listbox.Option>
    ))}
  </Listbox.Options>
</Listbox>

“自动对焦”道具存在，但似乎不起作用。有什么建议吗？

我有两个收藏users和posts。

用户有这样的文档：

{
  _id: ObjectId('611142303c409b5dc826e563'),
  name: 'foo'
}

posts有这样的文档：

{
  _id: ObjectId('611142303c409b5dc826e111'),
  comments:[
    {
      owner: ObjectId('611142303c409b5dc826e563'),
      description: "my description"
    },
    {
      owner: ObjectId('611142303c409b5dc826e333'),
      description: "my description2"
    }
  ]
}

当我收到服务器端的请求时，我需要返回所有者的整个文档，而不仅仅是其 id。

例如对于一个 get 请求我必须返回：

{
  _id: ObjectId('611142303c409b5dc826e111'),
  comments:[
    {
      owner:{
        _id: ObjectId('611142303c409b5dc826e563'),
        name: 'foo'
    },
      description: "my description"
    },
    {
      owner:     {
        _id: ObjectId('611142303c409b5dc826e555'),
        name: 'foo2'
      },
      description: "my description2"
    }
  ]
}

为此，我执行了以下管道：

[
  $lookup:{
    from: 'owners',
    localField: 'comments.owner',
    foreignField: '_id',
    as: 'owners_comments' …

我需要将组件复制“n”次。为此，我使用了lodash方法times。问题是我需要一个索引作为生成的组件的键，但它看起来没有。

我有以下代码：

export const MyComponent: React.FC<{times: number}> = ({ times }) => {
  return (
    <>
      {_.times(times, () => (
        //I need a key={index} in this div
         <div className="bg-white border-4 border-white md:rounded-md md:p-2 content-center my-4 shadow w-full">
         </div>
       ))}
    </>
  );
};

这将返回n 次之内的组件。

我尝试执行一种返回组件并使用 设置索引的方法useState，但它陷入了无限循环。我想把一个大的随机数作为密钥，所以很难得到相同的，但我不喜欢这个解决方案。我想使用这种方法，因为它很干净。

那么你认为我可以做些什么来为该组件提供 a 呢？

我需要检查其特定字段包含在数组中的所有文档。

例如我有数组

arr = ['a', 'b', 'a']

我想匹配所有字段等于 的my_letter文档a or b。

我有文件：

[
  {
    _id: ObjectID(),
    my_letter:'d'
  },
  {
    _id: ObjectID(),
    my_letter:'a'
  },
  {
    _id: ObjectID(),
    my_letter:'b'
  }
]

我希望聚合返回

[
  {
    _id: ObjectID(),
    my_letter:'a'
  },
  {
    _id: ObjectID(),
    my_letter:'b'
  }
]

我在我的$match管道中尝试过这个

{
  $match: {
    _id: {
      $elemMatch: {
        $or: [
          { $eq: ["a"] },
          { $eq: ["b"] },
        ],
      },
    },
  },
},

当然是行不通的。您建议如何完成 $match 管道？