如何在React js应用程序中实现mixitup js库

Question

我需要在reactjs应用程序的我的组件中实现mixitup js库 我该怎么办？

这是react的最新版本

我已经安装了它

npm i mixitup --save

  

那之后我该怎么办

这是我的代码

<div class="controls">
    <ul>
        <li class="control mixitup-control" data-filter=".red">red</li>
        <li class="control mixitup-control" data-filter=".blue">blue</li>
        <li class="control mixitup-control" data-filter=".green">green</li>
    </ul>
</div>
<div class="items">
    <div class="item green"></div>
    <div class="item green"></div>
    <div class="item blue"></div>
    <div class="item yellow"></div>
</div>

我希望它可以单击其中一个控件，并且它会根据我点击的动画（当然是：）

来过滤项目