<code class="bash">npm install react-fast-marquee --save</code>

<code class="javascript">import Marquee from "react-fast-marquee";</code>

<code class="jsx"><Marquee>
  {/* 这里可以是React组件，多个组件，或纯文本 */}
  This can be a React component, multiple React components, or just some text.
</Marquee></code>

<code class="javascript">const brands = [
    {
        id: 1,
        name: 'ecolab',
        logo: '/brands/ecolab.webp',
    },
    // ...更多品牌数据
];

const MarqueeBrands = () => {
    return (
        <Marquee>
            {brands.map(brand => (
                <img 
                    alt={brand.name} 
                    className="w-[100px] sm:w-[150px] md:w-[200px] h-[70px] sm:h-[75px] md:h-[100px] object-contain mx-4 md:mx-6" 
                    key={brand.name} 
                    src={brand.logo} 
                />
            ))}
        </Marquee>
    );
};</code>