React JS，Boostrap，如何激活srollspy？

Question

我有一个React组件，如下所示：

function NavBar(props) {
    return (
        <nav id="mainNav" className="navbar navbar-default navbar-custom navbar-fixed-top affix-top">
            <div className="container">
                <!-- There are some JSX code -->
            </div>
        </nav>
    )
}

将在某些事件中动态加载。

我现在使用Jquery和Boostrap为浏览器效果提供纯Javascript：

$('body').scrollspy({
    target: '.navbar-fixed-top',
    offset: 51
});

因为我的Navbar是动态加载的，所以这个scollspy方法不会运行。我知道，对于用于动态加载元素的单击事件，我们可以使用以下内容：

$(document).on('click', "selector", function (event) {
    // Some handling code
})

是否有任何方法可以使用React使用scrollspy？