12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697 |
- 'use strict';
- import React from 'react';
- import ReactDOM from 'react-dom';
- import { LayoutDemo } from './NormalLayout';
- import { SortedTable } from './SortedTable';
- import { SortedTableWithStatic } from './StaticHeader';
- ReactDOM.render(React.createElement(
- 'div',
- null,
- React.createElement(LayoutDemo, null),
- React.createElement(SortedTable, null),
- React.createElement(SortedTableWithStatic, null)
- ), document.getElementById('root'));
- document.body.addEventListener('touchmove', function (event) {
- event.preventDefault();
- }, false);
- // const ThemeContext = React.createContext();
- // class ThemeProvider extends React.Component {
- // state = {
- // theme: "dark",
- // color: "blue"
- // };
- // changeTheme = theme => {
- // this.setState({
- // theme
- // });
- // };
- // changeColor = color => {
- // this.setState({
- // color
- // });
- // };
- // render() {
- // return (
- // <ThemeContext.Provider
- // value={{
- // theme: this.state.theme,
- // color: this.state.color,
- // changeColor: this.changeColor
- // }}
- // >
- // <button onClick={() => this.changeTheme("light")}>change theme</button>
- // {this.props.children}
- // </ThemeContext.Provider>
- // );
- // }
- // }
- // const SubComponent = props => (
- // <div>
- // <div>{props.theme}</div>
- // <button onClick={() => props.changeColor("red")}>change color</button>
- // <div>{props.color}</div>
- // <ThemeContext.Consumer>
- // {context => (
- // <div>{context.theme}{context.color}{context.changeColor}
- // </div>
- // )}
- // </ThemeContext.Consumer>
- // </div>
- // );
- // class App extends React.Component {
- // render() {
- // return (
- // <ThemeProvider>
- // <ThemeContext.Consumer>
- // {context => (
- // <SubComponent
- // theme={context.theme}
- // color={context.color}
- // changeColor={context.changeColor}
- // />
- // )}
- // </ThemeContext.Consumer>
- // </ThemeProvider>
- // );
- // }
- // }
- // ReactDOM.render(<App />, document.getElementById("root"));
- ;
- var _temp = function () {
- if (typeof __REACT_HOT_LOADER__ === 'undefined') {
- return;
- }
- }();
- ;
|