04-DOM-Simple.html
Dosyayı İndir
<!DOCTYPE html>
<html>
<body>
<div id="react-app">
</div>
<script src="https://cdn.jsdelivr.net/react/0.14.0/react.js"></script>
<script src="https://cdn.jsdelivr.net/react/0.14.0/react-dom.js"></script>
<script>
class TableComponent extends React.Component {
constructor(props) {
super(props)
};
render() {
return (
React.DOM.table({},
React.DOM.thead({},
React.DOM.tr({},
React.DOM.td({},'ALICI KİM'),
React.DOM.td({},'ALICI ADI'),
React.DOM.td({},'TOPLAM BORCU')
)
),
React.DOM.tbody({},
React.DOM.tr({key:301},
React.DOM.td({},301),
React.DOM.td({},'Cem Karaca'),
React.DOM.td({},4300.0)
),
React.DOM.tr({key:302},
React.DOM.td({},302),
React.DOM.td({},'Barış Manço'),
React.DOM.td({},3900.0)
),
React.DOM.tr({key:303},
React.DOM.td({},303),
React.DOM.td({},'Fikret Kızılok'),
React.DOM.td({},3250.0)
)
)
)
);
}
}
var rootElement =React.createElement(TableComponent);
ReactDOM.render(rootElement, document.getElementById('react-app'));
</script>
</body>
</html>
Dosyayı İndir 