意外使用＆＃39;事件＆＃39; React中使用jquery的无限制全局变量？

Question

我正在尝试在我的代码中使用这个jquery但不幸的是我收到了这个错误。我找到了另一个答案，但我不知道如何在我的上下文中应用它。代码： -

class Seasonal extends React.Component{


    componentDidMount(){
        $('#right-button').click(function() {
        event.preventDefault();
        $('#content').animate({
        scrollLeft: "+=200px"
        }, "slow");
        });

        $('#left-button').click(function() {
        event.preventDefault();
        $('#content').animate({
        scrollLeft: "-=200px"
        }, "slow");
        });
    }


    render() {
        return(
                <div>                   
                    <div class="outer" id="content">
                        <button class="lefty paddle" id="left-button"></button>
                      <div class="inner" style="background:red"></div>
                      <div class="inner" style="background:green"></div>
                      <div class="inner" style="background:blue"></div>
                      <div class="inner" style="background:yellow"></div>
                      <div class="inner" style="background:orange"></div>
                        <button class="righty paddle" id="right-button"></button>
                    </div>
                </div>
        )
    }


}