Add demo of calling a lambda

biilmann · biilmann · commit 72a7ceb87e4f · 2017-11-13T00:53:48.000-08:00
diff --git a/package.json b/package.json
@@ -3,7 +3,7 @@
   "version": "0.1.0",
   "private": true,
   "dependencies": {
-    "netlify-lambda": "^0.0.1",
+    "netlify-lambda": "^0.1.0",
     "react": "^16.1.0",
     "react-dom": "^16.1.0",
     "react-scripts": "1.0.17"
diff --git a/src/App.js b/src/App.js
@@ -2,6 +2,31 @@ 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};
+  }
+
+  handleClick = (e) => {
+    e.preventDefault();
+
+    this.setState({loading: true});
+    fetch('/.netlify/functions/hello')
+      .then(response => response.json())
+      .then(json => this.setState({loading: false, msg: json.msg}));
+  }
+
+  render() {
+    const {loading, msg} = this.state;
+
+    return <p>
+      <button onClick={this.handleClick}>{loading ? 'Loading...' : 'Call Lambda'}</button><br/>
+      <span>{msg}</span>
+    </p>
+  }
+}
+
 class App extends Component {
   render() {
     return (
@@ -13,6 +38,7 @@ class App extends Component {
         <p className="App-intro">
           To get started, edit <code>src/App.js</code> and save to reload.
         </p>
+        <LambdaDemo/>
       </div>
     );
   }
diff --git a/yarn.lock b/yarn.lock
@@ -4217,9 +4217,9 @@ negotiator@0.6.1:
   version "0.6.1"
   resolved "https://registry.yarnpkg.com/negotiator/-/negotiator-0.6.1.tgz#2b327184e8992101177b28563fb5e7102acd0ca9"
 
-netlify-lambda@^0.0.1:
-  version "0.0.1"
-  resolved "https://registry.yarnpkg.com/netlify-lambda/-/netlify-lambda-0.0.1.tgz#3c4967afd0252ccb60041b8c9223f0f4faf2a731"
+netlify-lambda@^0.1.0:
+  version "0.1.0"
+  resolved "https://registry.yarnpkg.com/netlify-lambda/-/netlify-lambda-0.1.0.tgz#7993b7dff0fa93b1b99576d453e7dd79e78790d5"
   dependencies:
     babel-plugin-transform-class-properties "^6.24.1"
     babel-plugin-transform-object-assign "^6.22.0"
