amirho/react.dev
1
0
Fork 0
mirror of https://github.com/reactjs/react.dev.git synced 2026-02-23 20:23:08 +00:00
Code Issues Packages Projects Releases Wiki Activity

Fixes example in Web Components docs (#11039)

Browse Source 
* fixes docs on webcomponent

* Update web-components.md
This commit is contained in:
Dominic Gannaway
2017-10-04 17:12:36 +01:00
committed by Dan Abramov
parent cb860f4a5b
commit 76b625ba80
1 changed files with 7 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
docs/web-components.md
View File

@@ -41,8 +41,10 @@ function BrickFlipbox() {
## Using React in your Web Components
Similarly, you can call `ReactDOM.render()` from inside a web component:
```javascript
class XSearch {
class XSearch extends HTMLElement {
connectedCallback() {
const mountPoint = document.createElement('span');
this.attachShadow({ mode: 'open' }).appendChild(mountPoint);
@@ -54,3 +56,7 @@ class XSearch {
}
customElements.define('x-search', XSearch);
```
>Note:
>
>This code will **not** work if compiled with Babel [due to an intentional limitation in the specification](https://github.com/w3c/webcomponents/issues/587). It will only work if you use the `class` syntax directly in the browser without compiling the code first.