Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- import React, { Component } from 'react';
- import logo from './logo.svg';
- import './App.css';
- class App extends Component {
- state = {
- name: '',
- users: ['bob']
- }
- handleSubmit = (event) => {
- event.preventDefault()
- this.setState({
- name: '',
- users: [...this.state.users, this.state.name]
- })
- }
- handleChange = (event) => {
- this.setState({
- name: event.target.value
- })
- }
- render() {
- let users = this.state.users.map(user => <li>{user}</li>)
- return (
- <div>
- <h1>{this.state.title}</h1>
- <div> Name: {this.state.name} </div>
- <form onSubmit={this.handleSubmit}>
- <input value={this.state.name} onChange={this.handleChange}/>
- <input type='submit'/>
- </form>
- <ul>
- {users}
- </ul>
- </div>
- )
- }
- }
- export default App
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement