Creating Contact Form - KatyaHorton/Udacity-React-practice GitHub Wiki

Creating Contact Form

In order to actually create a form at our CreateContact component we need to:

1

Import Link component

2

In CreateContact.js:

class CreateContact extends Component {
 render() {
  return(
   <div>
    <Link className='close-create-contact' to='/'>Close</Link>
    <form className='create-contact-form'>
     <ImageInput
      className='create-contact-avatar-input'
      name='avatarURL'
      maxHeight={64}
     />
     <div className='create-contact-details'>
      <input type='text' name='name' placeholder='Name' />
      <input type='text' name='email' placeholder='Email' />
     </div>
    </form>
   </div>
)}}

3

Import ImageInput (from file we have been provided with)

4



1




1




1




              


           
⚠️ **GitHub.com Fallback** ⚠️