Something went wrong. Try again.
[READ-ONLY] Mirror of https://github.com/Savy011/fullstackopen-exercises. My Exercise Submissions for FullStack Open fullstackopen.com/en
Something went wrong. Try again.
1.1 kB · 44 lines
JavaScript
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445import { useState } from 'react'import propTypes from 'prop-types'
const BlogForm = ({ createBlog }) => { const [ title, setTitle ] = useState('') const [ author, setAuthor ] = useState('') const [ url, setUrl ] = useState('')
BlogForm.propTypes = { createBlog: propTypes.func.isRequired }
const addBlog = event => { event.preventDefault() createBlog({ title, author, url })
setTitle('') setAuthor('') setUrl('') }
return ( <form onSubmit={addBlog} > <p> Title: <input type="text" value={title} id='title-input' placeholder='Blog Title' onChange={({ target }) => setTitle(target.value)} /> </p> <p> Author: <input type="text" value={author} id='author-input' placeholder='Blog Author' onChange={({ target }) => setAuthor(target.value)} /> </p> <p> URL: <input type="text" value={url} id='url-input' placeholder='Blog URL' onChange={({ target }) => setUrl(target.value)} /> </p> <p><button type="submit" id='submit-button' >Create</button></p> </form> )}
export default BlogForm