React: Password form component.

react-password-form.js

import React from 'react';
import ReactDOM from 'react-dom';

class Follow extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      password: 'huraji',
      authorized: false
    };
    this.authorize = this.authorize.bind(this);
  }

  authorize(e) {
    const password = e.target.querySelector(
      'input[type="password"]').value;
    const auth = password == this.state.password;
    this.setState({
      authorized: auth
    });
  }

  render() {
    const login = (
      <form action="#" onSubmit={this.authorize}>
        <input type="password" placeholder="Password" />
        <input type="submit" />
      </form>
    );
    const contactInfo = (
      <ul>
        <li>
          follow me https://twitter.com/_huraji
        </li>
      </ul>
    );
    return (
      <div id="authorization">
        <h1>{ this.state.authorized ? 'Contact' : 'Enter the Password' }</h1>
        { this.state.authorized ? contactInfo : login }
      </div>
    );
  }
}

ReactDOM.render(
  <Follow />, 
  document.getElementById('app')
);