Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import connect from '../../utils/connect-firebase';
- class CreateUser extends Component {
- state = {
- isCreatingUser: false,
- error: ``,
- }
- submit = async (e) => {
- e.preventDefault();
- this.setState({
- isCreatingUser: true,
- });
- let error = ``;
- try {
- const user = await this.createUser({
- email: `earle.jesse@gmail.com`,
- password: `5ohgrinD`,
- });
- } catch ({ message }) {
- error = message;
- }
- this.setState({
- isCreatingUser: false,
- error,
- });
- }
- render () {
- const {
- isCreatingUser,
- error,
- } = this.state;
- return (
- <form onSubmit={this.submit}>
- <label>
- <input placeholder={`email`} />
- </label>
- <label>
- <input placeholder={`password`} />
- </label>
- <label>
- <input placeholder={`confirm password`} />
- </label>
- <label>
- <input placeholder={`first name`} />
- </label>
- <label>
- <input placeholder={`last name`} />
- </label>
- <button disabled={isCreatingUser} type={`submit`}>
- create user
- </button>
- <p>
- {error}
- </p>
- </form>
- );
- }
- }
- export default connect(CreateUser);
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement