Reactform NPM | npm.io

Example login component.

import React, { Component } from 'react';
import { Redirect } from 'react-router-dom';
import { Form, TextInput, PasswordInput, Submit } from 'reactform';
import { login } from '../../lib/auth.js';

export default class Login extends Component {

	constructor(props) {
		super(props);
		this.state = {
			success: false
		};
	}

	login = ({ username, password }) => {
		login(username, password, (err, res) => {
			if (res.ok) {
				this.setState({ success: true });
			}
		});
	};

	render() {
		const { success } = this.state;

		if (success) {
			return <Redirect to='/' />;
		}

		return (
			<Form onSubmit={this.login}>
				<TextInput required name='username' placeholder='username' validator={'alphanumeric'} />
				<PasswordInput required name='password' placeholder='password' validator={'alphanumeric'} />
				<Submit />
			</Form>
		);
	}

}

react-component react-form form react

babel-runtime prop-types

@infinitebrahmanuniverse/nolb-reactf @everything-registry/sub-chunk-2626

8 years ago

8 years ago

8 years ago

8 years ago