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

Question

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

这是最新版本的反应

我已经安装了

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>

我期待它点击其中一个控件，它会根据我点击的动画过滤项目：）