如何使用muuri-react库过滤元素

npm install muuri-react

yarn add muuri-react

import { MuuriComponent } from 'muuri-react';

<MuuriComponent
  items={[
    { id: '1', name: '元素1' },
    { id: '2', name: '元素2' },
    { id: '3', name: '元素3' },
    // 其他元素...
  ]}
>
  {/* 在这里渲染元素 */}
</MuuriComponent>

<MuuriComponent
  items={[
    { id: '1', name: '元素1' },
    { id: '2', name: '元素2' },
    { id: '3', name: '元素3' },
    // 其他元素...
  ]}
  filter={(item) => item.name.includes('元素1')}
>
  {/* 在这里渲染元素 */}
</MuuriComponent>

<MuuriComponent
  items={[
    { id: '1', name: '元素1' },
    { id: '2', name: '元素2' },
    { id: '3', name: '元素3' },
    // 其他元素...
  ]}
  filter={(item) => item.name.includes('元素1')}
>
  {(items) => (
    <div>
      {items.map((item) => (
        <div key={item.id}>{item.name}</div>
      ))}
    </div>
  )}
</MuuriComponent>