2021-03-26 17:25:28 +08:00
|
|
|
|
2021-04-07 12:21:09 +08:00
|
|
|
import ReactDOM from 'react-dom'
|
|
|
|
import React from 'react'
|
2021-03-26 17:25:28 +08:00
|
|
|
|
2021-04-07 12:21:09 +08:00
|
|
|
import { createStore, applyMiddleware} from 'redux'
|
|
|
|
import { Provider } from 'react-redux'
|
2021-04-08 06:50:53 +08:00
|
|
|
import { reducer, preloadedState } from './reducer'
|
2021-04-07 12:21:09 +08:00
|
|
|
import logger from 'redux-logger'
|
2021-04-02 16:04:42 +08:00
|
|
|
|
2021-04-08 06:50:53 +08:00
|
|
|
import { Tree } from './tree'
|
2021-04-07 12:21:09 +08:00
|
|
|
import { NavBar } from './navBar'
|
2021-04-08 06:50:53 +08:00
|
|
|
import { ToolTip} from './toolTip'
|
2021-03-28 20:00:31 +08:00
|
|
|
|
2021-04-07 12:21:09 +08:00
|
|
|
import './app.css'
|
2021-04-03 03:33:09 +08:00
|
|
|
|
2021-04-08 06:50:53 +08:00
|
|
|
const store = createStore(reducer, preloadedState, applyMiddleware(logger))
|
2021-04-03 03:33:09 +08:00
|
|
|
|
2021-04-07 12:21:09 +08:00
|
|
|
const App = ({ store }) => (
|
|
|
|
<Provider store={store}>
|
|
|
|
<NavBar />
|
|
|
|
<Tree />
|
2021-04-08 06:50:53 +08:00
|
|
|
<ToolTip/>
|
2021-04-07 12:21:09 +08:00
|
|
|
</Provider>
|
|
|
|
);
|
2021-04-06 12:52:19 +08:00
|
|
|
|
2021-04-07 12:21:09 +08:00
|
|
|
document.addEventListener('DOMContentLoaded', () => {
|
|
|
|
ReactDOM.render(<App store={store} />, document.getElementById('react'));
|
|
|
|
});
|
2021-04-02 16:04:42 +08:00
|
|
|
|
2021-04-08 06:50:53 +08:00
|
|
|
window.store = store
|