init

sw-yx · sw-yx · commit 400bfab8b6c4 · 2018-09-14T14:46:32.000+08:00
diff --git a/package.json b/package.json
@@ -3,10 +3,9 @@
   "version": "0.3.0",
   "private": true,
   "dependencies": {
-    "netlify-lambda": "^0.4.0",
     "react": "^16.3.1",
     "react-dom": "^16.3.1",
-    "react-scripts": "1.1.4"
+    "react-scripts": "^2.0.0-next.a671462c"
   },
   "scripts": {
     "start": "react-scripts start",
@@ -23,5 +22,21 @@
         "^/\\.netlify/functions": ""
       }
     }
+  },
+  "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.0.0-rc.2",
+    "@babel/plugin-transform-object-assign": "^7.0.0-rc.2"
+  },
+  "browserslist": {
+    "development": [
+      "last 2 chrome versions",
+      "last 2 firefox versions",
+      "last 2 edge versions"
+    ],
+    "production": [
+      ">0.25%",
+      "not op_mini all",
+      "ie 11"
+    ]
   }
 }
diff --git a/src/App.js b/src/App.js
@@ -1,29 +1,38 @@
-import React, { Component } from 'react';
-import logo from './logo.svg';
-import './App.css';
+import React, { Component } from "react";
+import logo from "./logo.svg";
+import "./App.css";
 
 class LambdaDemo extends Component {
   constructor(props) {
     super(props);
-    this.state = {loading: false, msg: null};
+    this.state = { loading: false, msg: null };
   }
 
-  handleClick = (e) => {
+  handleClick = e => {
     e.preventDefault();
 
-    this.setState({loading: true});
-    fetch('/.netlify/functions/hello')
+    this.setState({ loading: true });
+    fetch("/.netlify/functions/hello")
       .then(response => response.json())
-      .then(json => this.setState({loading: false, msg: json.msg}));
-  }
+      .then(
+        json =>
+          console.log({ json }) ||
+          this.setState({ loading: false, msg: json.msg })
+      );
+  };
 
   render() {
-    const {loading, msg} = this.state;
+    const { loading, msg } = this.state;
 
-    return <p>
-      <button onClick={this.handleClick}>{loading ? 'Loading...' : 'Call Lambda'}</button><br/>
-      <span>{msg}</span>
-    </p>
+    return (
+      <p>
+        <button onClick={this.handleClick}>
+          {loading ? "Loading..." : "Call Lambda"}
+        </button>
+        <br />
+        <span>{msg}</span>
+      </p>
+    );
   }
 }
 
@@ -38,7 +47,7 @@ class App extends Component {
         <p className="App-intro">
           To get started, edit <code>src/App.js</code> and save to reload.
         </p>
-        <LambdaDemo/>
+        <LambdaDemo />
       </div>
     );
   }
diff --git a/src/lambda/hello.js b/src/lambda/hello.js
@@ -1,7 +1,11 @@
+const test = {
+  foo: "bar",
+  bar: 1
+};
 export function handler(event, context, callback) {
-  console.log(event)
+  console.log(event);
   callback(null, {
     statusCode: 200,
-    body: JSON.stringify({msg: "Hello, World!"})
-  })
+    body: JSON.stringify({ msg: "Hello, World!", ...test })
+  });
 }
diff --git a/yarn.lock b/yarn.lock
