Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- class SignUpForm extends React.Component {
- constructor() {
- super();
- this.state = {
- name: '',
- email: '',
- password: '',
- };
- }
- handleNameChange = (evt) => {
- this.setState({name: evt.target.value});
- }
- handleEmailChange = (evt) => {
- this.setState({email: evt.target.value});
- }
- handlePasswordChange = (evt) => {
- this.setState({password: evt.target.value});
- }
- render(){
- return(
- <form onSubmit={this.handleSubmit}>
- <input
- type="text"
- placeholder="Enter Name"
- value={this.state.name}
- onChange={this.handleNameChange}
- />
- <input
- type="text"
- placeholder="Enter email"
- value={this.state.email}
- onChange={this.handleEmailChange}
- />
- <input
- type="password"
- placeholder="Enter password"
- value={this.state.password}
- onChange={this.handlePasswordChange}
- />
- <button disabled={isDisabled}>Sign up</button>
- </form>
- )
- }
- }
- handleChange = (type, event) => {
- this.setState({[type]: event.target.value});
- }
- <input
- type="text"
- placeholder="Enter Name"
- value={this.state.name}
- onChange={(event) => this.handleChange('name', event)}
- />
- handleChange = type => event => this.setState({[type]: event.target.value})
- <input
- type="text"
- placeholder="Enter Name"
- value={this.state.name}
- id="name"
- onChange={this.handleChange('name')}
- />
- handleChange = event => this.setState({[event.target.id]: event.target.value})
- <input
- type="text"
- placeholder="Enter Name"
- value={this.state.name}
- id="name"
- onChange={this.handleChange}
- />
Add Comment
Please, Sign In to add comment