React ES2015 - Carbide Test

React ES2015 - Carbide Test.carbide.md

React ES2015 - Carbide Test

This Gist was automatically created by Carbide, a free online programming environment.

You can view a live, interactive version of this Gist here.

cell0.js

import React from 'react' /// Open the bootloader, and run this code to build the todo app. (Run the code with Cmd-Enter, or by pressing the play button on the bottom right)
import ReactDOM from 'react-dom'

class TestComp extends React.Component {
    state = {
        word: 'Hello',
    }
    
    static typeDef = {
        word: 'string'
    }
    
    handleClickA = (e) => {
        this.setState({word: `ClickedA: ${e.type}`});
    }
    
    handleClickB(arg1) {
        return (e) => {
        	this.setState({word: `ClickedB: ${e.type} # ${arg1}`});
        }
    }
    
    render() {
        return <div onClick={this.handleClickB("hay")}>Result: {this.state.word}  --  {TestComp.typeDef.word}</div>
    }
}

function render() {
	ReactDOM.render(
		<TestComp/>,
		document.getElementById('root')
	);
}

render();

// this tells the hot reloading engine to do its magic
export function __render(){
    render();
}