react-virtualized-sticky-tree
Version:
A React component for efficiently rendering tree like structures with support for position: sticky
23 lines (22 loc) • 997 B
JavaScript
import React from 'react';
import ReactDOM from 'react-dom';
import CountriesTree from './CountriesTree';
import CitiesList from "./CitiesList";
class App extends React.PureComponent {
render() {
const url = new URL(window.location.href);
const render = url.searchParams.get('render');
if (render === 'cities') {
return React.createElement(CitiesList, null);
}
else if (render === 'countries') {
return React.createElement(CountriesTree, null);
}
return (React.createElement("div", { style: { width: '80%', margin: '0 auto', padding: '20px' } },
React.createElement("div", null,
React.createElement("a", { href: "/?render=countries" }, "Sticky Tree Example")),
React.createElement("div", null,
React.createElement("a", { href: "/?render=cities" }, "List Example"))));
}
}
ReactDOM.render(React.createElement(App, null), document.getElementById('app'));