如何集成mixitUp react js？

Question

import React from 'react';
import mixitup from 'mixitup';

const Portfolio = () => {
    return (
        <section className="work-area section-padding" id="portfolio">
            <div className="container">
                <div className="row">
                    <div className="col-md-12">
                        <div className="section-title text-center mb-5 section-title-padding">
                            <h2>recent project</h2>
                        </div>
                    </div>
                </div>
                <div className="row">
                    <div className="work-filter text-center">
                        <button type="button" data-filter="all">All</button>
                        <button type="button" data-filter=".webdesign">design</button>
                        <button type="button" data-filter=".development">marketing</button>
                        <button type="button" data-filter=".javascipt">business</button>
                    </div>
                </div>
            </div>