index.js 2.6 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. 'use strict';
  2. import React from 'react';
  3. import ReactDOM from 'react-dom';
  4. import { LayoutDemo } from './NormalLayout';
  5. import { SortedTable } from './SortedTable';
  6. import { SortedTableWithStatic } from './StaticHeader';
  7. ReactDOM.render(React.createElement(
  8. 'div',
  9. null,
  10. React.createElement(LayoutDemo, null),
  11. React.createElement(SortedTable, null),
  12. React.createElement(SortedTableWithStatic, null)
  13. ), document.getElementById('root'));
  14. document.body.addEventListener('touchmove', function (event) {
  15. event.preventDefault();
  16. }, false);
  17. // const ThemeContext = React.createContext();
  18. // class ThemeProvider extends React.Component {
  19. // state = {
  20. // theme: "dark",
  21. // color: "blue"
  22. // };
  23. // changeTheme = theme => {
  24. // this.setState({
  25. // theme
  26. // });
  27. // };
  28. // changeColor = color => {
  29. // this.setState({
  30. // color
  31. // });
  32. // };
  33. // render() {
  34. // return (
  35. // <ThemeContext.Provider
  36. // value={{
  37. // theme: this.state.theme,
  38. // color: this.state.color,
  39. // changeColor: this.changeColor
  40. // }}
  41. // >
  42. // <button onClick={() => this.changeTheme("light")}>change theme</button>
  43. // {this.props.children}
  44. // </ThemeContext.Provider>
  45. // );
  46. // }
  47. // }
  48. // const SubComponent = props => (
  49. // <div>
  50. // <div>{props.theme}</div>
  51. // <button onClick={() => props.changeColor("red")}>change color</button>
  52. // <div>{props.color}</div>
  53. // <ThemeContext.Consumer>
  54. // {context => (
  55. // <div>{context.theme}{context.color}{context.changeColor}
  56. // </div>
  57. // )}
  58. // </ThemeContext.Consumer>
  59. // </div>
  60. // );
  61. // class App extends React.Component {
  62. // render() {
  63. // return (
  64. // <ThemeProvider>
  65. // <ThemeContext.Consumer>
  66. // {context => (
  67. // <SubComponent
  68. // theme={context.theme}
  69. // color={context.color}
  70. // changeColor={context.changeColor}
  71. // />
  72. // )}
  73. // </ThemeContext.Consumer>
  74. // </ThemeProvider>
  75. // );
  76. // }
  77. // }
  78. // ReactDOM.render(<App />, document.getElementById("root"));
  79. ;
  80. var _temp = function () {
  81. if (typeof __REACT_HOT_LOADER__ === 'undefined') {
  82. return;
  83. }
  84. }();
  85. ;