UNPKG

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
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'));