Advertisement
Guest User

Untitled

a guest
Nov 30th, 2017
80
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.18 KB | None | 0 0
  1. import React, { Component } from 'react';
  2. import request from 'request';
  3.  
  4. export default class Index extends Component {
  5. constructor(props){
  6. super(props);
  7. this.state = {
  8. username: '',
  9. password: '',
  10. }
  11. }
  12.  
  13. renderHeader(){
  14. if (this.props.iAuthenticated){
  15. return (
  16. <div>
  17. Authenticated
  18. </div>
  19. );
  20. } else {
  21. return (
  22. <div>
  23. Not Authenticated
  24. </div>
  25. );
  26. }
  27. }
  28.  
  29. logIn() {
  30. console.log("log in");
  31. data = JSON.stringify({
  32. username: this.state.username,
  33. password: this.state.password
  34. });
  35. request.post('/login').form(data);
  36. }
  37.  
  38. render() {
  39. return (
  40. <div>
  41. {this.renderHeader()}
  42. <label>
  43. Username:
  44. <input type="text" value={this.state.username} onChange={(text) => this.setState({username: text})} />
  45. </label>
  46. <label>
  47. Password:
  48. <input type="text" value={this.state.password} onChange={(text) => this.setState({password: text})} />
  49. </label>
  50. <button onClick={this.logIn}>Log In</button>
  51. </div>
  52.  
  53. );
  54. }
  55. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement