block15.js

// App.js

render() {
		return (
			<div className='App'>
				<div className='App-header'>
					<h1>
						<span role='img' aria-label='write'>
							📝
						</span>
						React + Amplify NoteApp
					</h1>
					<form className='form-note'>
						<input type='text' className='form-input' placeholder='Add your note' />
						<button type='submit' className='form-button'>
							Add
						</button>
					</form>
					<div>
						{this.state.notes.map(item => (
							<div key={item.id} className='notes-list'>
								<li>{item.note}</li>
								<button className='notes-list-button'>
									<span role='img' aria-label='delete-button'>
										❌
									</span>
								</button>
							</div>
						))}
					</div>
				</div>
			</div>
		)
	}