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.3 kB · 54 lines
JavaScript
at main
123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354import { useState } from 'react'import { useField } from '../hooks/index'
const CreateNew = (props) => { const content = useField('text') const author = useField('text') const info = useField('text')
const removeReset = obj => { const { reset, ...retObj } = obj return retObj }
const handleReset = () => { content.reset() author.reset() info.reset() }
const handleSubmit = (e) => { e.preventDefault() props.addNew({ content: content.value, author: author.value, info: info.value, votes: 0 }) }
return ( <div> <h2>Create a New Anecdote</h2> <form onSubmit={handleSubmit}> <p> Content: <input { ...removeReset(content) } /> </p> <p> Author: <input { ...removeReset(author) } /> </p> <p> Url for more info: <input { ...removeReset(info) } /> </p> <button type='submit'>Create</button> <button type='reset' onClick={handleReset}>Reset</button> </form> </div> )}
export default CreateNew