Можно ли использовать React.render() несколько раз в DOM?

Я хочу использовать React для добавления компонентов несколько раз в DOM. Эта сценария показывает, что я ищу, и не вызывает никаких ошибок. Здесь код:

HTML:

<div id="container">
    <!-- This element contents will be replaced with the first component. -->
</div>

<div id="second-container">
    <!-- This element contents will be replaced with the second component. -->
</div>

JS:

var Hello = React.createClass({
    render: function() {
        return <div>Hello {this.props.name}</div>;
    }
});

React.render(<Hello name="World" />, document.getElementById('container'));

React.render(<Hello name="Second World" />, document.getElementById('second-container'));

Я видел этот вопрос, и я боюсь, что, выполнив вышеизложенное, я буду рисковать тем, что компоненты React будут мешать друг другу. Ответ на этот вопрос предполагает использование рендеринга на стороне сервера, который не является для меня вариантом, поскольку я использую серверную часть Django.

С другой стороны, возможно, что я делаю это нормально, потому что у меня есть только один экземпляр библиотеки React, установленной (в отличие от нескольких компонентов, вызывающих их собственный экземпляр React)?

Можно ли использовать несколько экземпляров DOM в порядке использования React?

Ответ 1