2016-07-28 3 views
0

У меня есть быстрый вопрос о реакции. Если у меня есть контейнер для реагирования, могу ли я вставить его внутри?Контейнер для реактивов: могу ли я установить html?

Например:

<div id=“mount-node”> 
    <p>I want this content to stay after the component mounts</p> 
</div> 

Возможно ли это? Если да, то должен ли я это делать?

+1

Почему бы вам не попытаться выяснить? (Спойлер: да?) – Chris

+0

У вас есть образцы кода, которые вы могли бы связать со мной? – Matt

+0

Если вы хотите посмотреть документацию, связанную с реакцией (в частности, метод 'ReactDOM.render()', вы увидите, что ответ на ваш вопрос отсутствует. Https://facebook.github.io/react/docs/top-level -api.html # reactdom.render –

ответ

0

Да и нет. Как только вы скажете «Реакт», чтобы сделать div, отреагируйте в основном «владеет» этим div. Он заменит все, что внутри. Если вы хотите передать что-то извне React в него, это возможно, но вы захотите сделать это с помощью javascript. Помните, когда вы делаете что-либо в Реактировании (включая ваш компонент верхнего уровня с ReactDOM.render), вы можете передать реквизиты в свои компоненты в качестве средства передачи данных в них. Таким образом, вы можете использовать реквизиты для передачи данных, которые хотите включить в рендеринг вашего компонента.

+0

Благодарим за помощь – Matt

0

В настоящее время ответ на ваш вопрос - нет. React заменяет все внутри узла контейнера, в котором вы проходите. Обратите внимание на следующую цитату из документов React.

ReactDOM.render() Управление содержимым узла контейнера, в котором вы проходите. Любые существующие элементы DOM внутри заменяются при первом вызове. В последующих вызовах используется эффективный алгоритм React DOM для эффективного обновления.

ReactDOM.render() не изменяет узел контейнера (только изменяет дочерние элементы контейнера). В будущем может быть возможно вставить компонент в существующий узел DOM без перезаписывания существующих дочерних элементов.

https://facebook.github.io/react/docs/top-level-api.html#reactdom.render

+0

Благодарим за помощь – Matt

Смежные вопросы