update

react-jianshu/src/pages/detail/index.js

@@ -1,8 +1,24 @@
-import React, { PureComponent } from 'react';
-import { connect } from 'react-redux';
-import { withRouter } from 'react-router-dom'
-import { actionCreators } from './store'
-import { 
+/*
+ * @Author: LinFeng
+ * @LastEditors: LinFeng
+ * @Date: 2020-07-09 17:34:28
+ * @LastEditTime: 2020-07-25 21:22:31
+ * @FilePath: /frontend-starter/react-jianshu/src/pages/detail/index.js
+ * @Description: 
+ */
+import React, {
+  PureComponent
+} from 'react';
+import {
+  connect
+} from 'react-redux';
+import {
+  withRouter
+} from 'react-router-dom'
+import {
+  actionCreators
+} from './store'
+import {
   DetailWrapper,
   Header,
   Content
@@ -15,31 +31,40 @@ class Detail extends PureComponent {
   }
 
   render() {
-    const { title, content } = this.props
+    const {
+      title,
+      content
+    } = this.props
 
-    return (
-      <DetailWrapper>
-        <Header>
-          {title}
-        </Header>
-        <Content
-          dangerouslySetInnerHTML={{
-            __html: content
-          }}
-        >
-        </Content>
-      </DetailWrapper>
+    return ( <
+      DetailWrapper >
+      <
+      Header > {
+        title
+      } <
+      /Header> <
+      Content dangerouslySetInnerHTML = {
+        {
+          __html: content
+        }
+      } >
+      <
+      /Content> < /
+      DetailWrapper >
     )
   }
 }
 
-const mapState = (state) => ({
-  title: state.getIn(['detail', 'title']),
-  content: state.getIn(['detail', 'content'])
-})
+const mapState = (state) => {
+  console.log(state)
+  return {
+    title: state.getIn(['detail', 'title']),
+    content: state.getIn(['detail', 'content'])
+  }
+}
 
 const mapDispatch = (dispatch) => ({
-  getDetail(id){
+  getDetail(id) {
     dispatch(actionCreators.getDetail(id))
   }
 })

webpack-react-scaffolding/build/webpack.common.js

@@ -2,8 +2,8 @@
  * @Author: LinFeng
  * @LastEditors: LinFeng
  * @Date: 2020-07-24 18:36:42
- * @LastEditTime: 2020-07-25 09:57:47
- * @FilePath: /webpack-react-scaffolding/build/webpack.common.js
+ * @LastEditTime: 2020-07-25 11:58:30
+ * @FilePath: /frontend-starter/webpack-react-scaffolding/build/webpack.common.js
  * @Description: 
  */ 
 const path = require('path');
@@ -18,6 +18,9 @@ module.exports = {
   module: {
     rules:[]
   },
+  resolve: {
+    extensions: ['.jsx', '.js']
+  },
   plugins: [
     new HtmlWebpackPlugin({
       template: path.join(srcPath, 'index.html'),

webpack-react-scaffolding/package.json

@@ -43,6 +43,7 @@
     "react-redux": "^7.2.0",
     "react-router-dom": "^5.2.0",
     "redux": "^4.0.5",
+    "redux-immutable": "^4.0.0",
     "redux-thunk": "^2.3.0",
     "styled-components": "^5.1.1"
   }

webpack-react-scaffolding/src/App.jsx

@@ -2,22 +2,32 @@
  * @Author: LinFeng
  * @LastEditors: LinFeng
  * @Date: 2020-07-24 19:18:11
- * @LastEditTime: 2020-07-25 08:59:29
- * @FilePath: /webpack-react-scaffolding/src/App.jsx
+ * @LastEditTime: 2020-07-25 11:59:18
+ * @FilePath: /frontend-starter/webpack-react-scaffolding/src/App.jsx
  * @Description: entry
  */ 
-import React from 'react';
+import React, { Fragment } from 'react';
 import ReactDOM from 'react-dom';
+import { Provider } from 'react-redux'
+import { BrowserRouter as Router, Route } from 'react-router-dom'
+import store from './store'
 
-class App extends React.Component{
-  render(){
+class App extends React.Component {
+
+  render() {
     return (
-      <div>the punk and the monk</div>
+      <Fragment>
+        <Provider store={store}>
+          <Router>
+            <div>aaa</div>
+          </Router>
+        </Provider>
+      </Fragment>
     )
   }
 }
 
 ReactDOM.render(
   <App />,
   document.getElementById('root')
-)
+)

webpack-react-scaffolding/yarn.lock

@@ -5357,6 +5357,11 @@ readdirp@~3.4.0:
   dependencies:
     picomatch "^2.2.1"
 
+redux-immutable@^4.0.0:
+  version "4.0.0"
+  resolved "https://registry.npm.taobao.org/redux-immutable/download/redux-immutable-4.0.0.tgz#3a1a32df66366462b63691f0e1dc35e472bbc9f3"
+  integrity sha1-Ohoy32Y2ZGK2NpHw4dw15HK7yfM=
+
 redux-thunk@^2.3.0:
   version "2.3.0"
   resolved "https://registry.npm.taobao.org/redux-thunk/download/redux-thunk-2.3.0.tgz#51c2c19a185ed5187aaa9a2d08b666d0d6467622"