append-react-domdeprecated

append react dom node to element.

Usage no npm install needed!

<script type="module">
  import appendReactDom from 'https://cdn.skypack.dev/append-react-dom';
</script>

README

appendReactDOM

Append React DOM Node to an element.

Installation

npm install append-react-dom --save

Usage

<div class="list">
    <div class="item item-1">item 1</div>
</div>

import appendReactDOM from 'append-react-dom';
import ItemComponent from 'components/Item';

let el = document.querySelector('.list');

appendReactDOM(ItemComponent, el, {
    bar: 'bar',
    foo: 'foo'
});

Now the list become:

<div class="list">
    <div class="item item-1">item 1</div>
    <div data-reactroot class="item item-2">item 2</div>
</div>