Get started - Components
Components
POJO components
let Component = {
world: 'World',
id: 'example',
view() {
return <div id={this.id}>Hello {this.world}</div>;
}
};
v(Component);
// Or
<Component/>
<div id="example">Hello World</div>
Hello World
Functional components
Stateful components
let Component = function() { return <div id={this.id}>Hello {this.world}</div>;};
Component.world ='World';
Component.id = 'example';
v(Component);
// Or
<Component/>
<div id="example">Hello World</div>
Hello World
Stateless components
let Component = (props, world) => <div id={props.id}>Hello {world}</div>;
v(Component, {id:'example'}, 'World');
// Or
<Component id="example">World</Component>
<div id="example">Hello World</div>
Hello World