coh374

index.js

import { Form, FormGroup } from "react-bootstrap";
import formData from "./formData";
import useForm from "./useForm";

const SomeComponent = () => {
  const { fields } = useForm(formData);

  return (
    <div css={CSS}>
      <Form>
        {fields.map((field) => (
          <FormGroup key={field.name}>
            <Form.Label>{field.name}</Form.Label>

            <Form.Control
              type={field.type}
              name={field.name}
              value={field.value}
              onChange={() => {}}
              placeholder={field.placeholder}
            />
          </FormGroup>
        ))}
      </Form>
    </div>
  );
};