React，这个外部HTML文件的目的是什么

Question

我正在使用sharepoint开发并遵循教程，同时，我是React的新手。

我有一个外部HTML文件：

<div id="bonus"></div>

我的js文件：

var Bonus = React.createClass({
    getInitialState: function () {
        return {
            greeting: 'A Message',
            thing: 'code stuff'
        };
    },
    render: function () {
        return (
            <div id="react-bonus">
                I am Bonus!
            </div>
        );
    }
});

$(function () {
    if (document.getElementById('bonus')) {
        React.render(
            <Bonus />,
            document.getElementById('bonus')
        );
        console.log('Bonus has shown.');
    }
});

加载网站时，react-bonus会正确显示。但是，我注意到当我将外部HTML文件更改为完全不同的ID时，例如：<div id="notbonus"></div>，我仍然会显示react-bonus，这怎么可能？外部HTML文件有什么意义？