NoteForm.js

import React from 'react'
import { Form, Button, Input } from 'antd';
import { createNote } from '../api'

const NoteForm = ({ form, notes, setNotes }) => {

  const { getFieldDecorator, validateFields, resetFields } = form;

  function handleSubmit(e) {
    e.preventDefault();
  }
  
  
  return (
    <Form style={{marginBottom: '25px'}} layout="horizontal" onSubmit={handleSubmit}>
      <Form.Item>
        {getFieldDecorator('note', {
        rules: [],
        })(
          <Input
            className="note-input"
            size="large"
            placeholder="Add New Note"
          />,
          <Button>Create</Button>
        )}
      </Form.Item>

  </Form>
  )
}

const WrappedNoteForm = Form.create({name: 'notes_form'})(NoteForm)

export default WrappedNoteForm;