Click Register to register with LeanCloud API

Author: zhnd

src/UserDialog.js

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import './UserDialog.css';
+import { signUp } from './leanCloud';
 export default class UserDialog extends Component {
   constructor(props) {
     super(props);
@@ -16,7 +17,17 @@ export default class UserDialog extends Component {
       selected: e.target.value
     });
   }
-  signUp(e) {}
+  signUp(e) {
+    e.preventDefault();
+    let {username, password} = this.state.formData;
+    let success = (user) => {
+      console.log(user);
+    };
+    let error = (error) => {
+      console.log(error);
+    };
+    signUp(username, password, success, error);
+  }
   signIn(e) {}
   changeFormData(key, e) {
     let stateCopy = JSON.parse(JSON.stringify(this.state));

src/leanCloud.js

@@ -8,3 +8,25 @@ AV.init({
 });
 
 export default AV;
+
+export function signUp(username, password, successFn, errorFn) {
+  let user = new AV.User();
+  user.setUsername(username);
+  user.setPassword(password);
+  user.signUp().then(function(loginedUser) {
+    let user = getUserFromAVUser(loginedUser);
+    successFn.call(null, user);
+  }, function(error) {
+    errorFn.call(null, error);
+  });
+
+  return undefined;
+
+}
+
+function getUserFromAVUser(AVUser) {
+  return {
+    id: AVUser.id,
+    ...AVUser.attributes
+  };
+}