reactSimple.hx

package test;

import react.ReactDOM;
import react.ReactMacro.jsx;
import react.ReactComponent;
import js.Browser;

class Main extends ReactComponent {

    var els : Array<String> = ["1", "2", "3"];

    public static function main() {
        ReactDOM.render(jsx('<Main/>'), Browser.document.getElementById('app'));
    }
    
    override function render() {
        return
            jsx('
                <table>
                    <tbody>
                    ${renderEls()}    
                    </tbody>
                </table>
            ');
    }

    public function new(props : Dynamic = null) {
        super(props);
    }

    function renderEls() {
        return
            [
                for (el in els)
                    jsx('
                        <tr>
                            <td>${el}</td>
                        </tr>
                    ')
            ];
    }

}