Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React from "react";
- export default class LoginComponent extends React.Component {
- constructor(props) {
- super(props);
- this.state = {
- userName: '',
- };
- this.updateUserName = this.updateUserName.bind(this);
- }
- onClickSignUp() {
- console.log(this.state);
- alert("clicked sign up with value: username=" + this.state.userName);
- }
- updateUserName(e) {
- console.log(e);
- this.setState({
- userName: e.target.value
- });
- }
- render() {
- return (
- <div className="LoginComponent">
- <h1>Welcome!</h1>
- <div className="UserNameSegment">
- <text>UserName: </text>
- <input id="UserNameInput" value={this.state.userName} onChange={e => this.updateUserName(e)} />
- </div>
- <div className="ButtonGroup">
- <button id="SignUpButton" onClick={this.onClickSignUp}>Sign Up</button>
- </div>
- </div>
- );
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement