Create your component as you normally would, and then register it on the document using document.registerReact(…)
/* @jsx React.DOM */
MyComponent = React.createClass({
render: function() {
console.log(this.props.items); // passed as HTML tag`s argument
console.log(this.props.children); // original tag children
return <ul><li>React content</li></ul>;
}
});
document.registerReact('my-react-component', MyComponent);You can then use it as follows:
<body>
<my-react-component items="{window.someArray}"></my-react-component>
</body>ReactiveElements →
ReactiveElements Demo →
(via)