DZuz14

const formData = {
  success: 'Hooray! Your form submitted.',
  fields: [
    {
      name: 'name',
      type: 'text',
      placeholder: 'Dana Scully',
      value: ''
    },
    {

DZuz14

{
   "success":"Hooray! your form was submitted.",
   "fields":[
      {
         "name":"name",
         "type":"text",
         "placeholder":"Dana Scully",
         "required":true
      },
      {

DZuz14

import React, { useState, useEffect } from 'react'

const FormHook = () => {
  // return something here...
}

DZuz14

const Form = () => {
  return (
    <div className="HookForm" css={CSS}>
      
    </div>
  )
}

const Form = css`
  height: 100%;

DZuz14

import React, { useState, useEffect } from 'react'

// form will be the JSON file
const FormHook = (form) => {
  const [formData, setFormData] = useState(form)
  // 
}

DZuz14

import React from 'react'
import formData from './form-data.json

const FormHook = () => {
  return <div>
    {
      formData.fields.map(field => 
          <input 
          type={field.type} 
          name={field.name} 

DZuz14

{
   "success":"Hooray! your form was submitted.",
   "fields":[
      {
         "name":"name",
         "type":"text",
         "placeholder":"Dana Scully",
         "required":true,
         "value": ""
      },

DZuz14

const Upload = () => {
  const [files, setFiles] = useState([])
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const handleFiles = (fileList, mode = 'w') => {
    if (mode === 'a') {

DZuz14

const Upload = () => {
  const [files, setFiles] = useState([])
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const handleFiles = (fileList, mode = 'w') => {
    if (mode === 'a') {

DZuz14

const Upload = () => {
  const [files, setFiles] = useState(null)
  const inputRef = useRef()

  const handleClick = () => {
    inputRef.current.click()
  }

  const removeFile = (name) => {
    const newFiles = files.filter((file) => file.name !== name)