diff --git a/src/index2.js b/src/index2.js new file mode 100644 index 0000000..1a96851 --- /dev/null +++ b/src/index2.js @@ -0,0 +1,13 @@ +'use strict'; + +import ReactDOM from 'react-dom'; +import React from 'react'; +import {MyApp} from './myApp.jsx'; + +document.addEventListener('DOMContentLoaded', ()=> { + var container = document.getElementById('myAppContainer'); + ReactDOM.render( + React.createElement(MyApp), + container + ); +}); diff --git a/src/myApp2.jsx b/src/myApp2.jsx new file mode 100644 index 0000000..2dff15b --- /dev/null +++ b/src/myApp2.jsx @@ -0,0 +1,44 @@ +//import React from 'react'; +import ReactDOM from 'react-dom'; +import React from 'react'; + +export class MyApp extends React.Component { + + constructor() { + super(); + this.state = { + quickFilterText: null + }; + this.onQuickFilterChange = this.onQuickFilterChange.bind(this) + } + + onQuickFilterChange() { + console.log('it changed: ' + this.state.quickFilterText); + } + + render() { + return
+
+
+ + + +
+
+ Employees Skills and Contact Details +
+
+
+
+
+
; + } +} + +//ReactDOM.render( +// , +// document.body +//); \ No newline at end of file