JSFiddle - React, Tailwind, and code Playground

by batcave

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.15/lodash.min.js"></script>

JavaScript

const data = [{
    key: "bearingInvestigations.backgroundInformation.backgroundInformationText",
    isRequired: false,
    sortOrder: 1
  },
  {
    key: "bearingInvestigations.backgroundInformation.recurringFailure",
    isRequired: false,
    sortOrder: 2
  },
  {
    key: "bearingInvestigations.backgroundInformation.lengthOfBearingOperated",
    isRequired: false,
    sortOrder: 3
  },
  {
    key: "bearingInvestigations.backgroundInformation.operation",
    isRequired: false,
    sortOrder: 4
  },
  {
    key: "bearingInvestigations.backgroundInformation.expectedLife",
    isRequired: false,
    sortOrder: 5
  },
  {
    key: "bearingInvestigations.backgroundInformation.costOfFailure",
    isRequired: false,
    sortOrder: 6
  },
  {
    key: "bearingInvestigations.backgroundInformation.reasonWasRemoved",
    isRequired: false,
    sortOrder: 7
  },
  {
    key: "bearingInvestigations.operatingData.rotationalSpeed",
    isRequired: false,
    sortOrder: 8
  },
  {
    key: "bearingInvestigations.operatingData.innerRingRotation",
    isRequired: false,
    sortOrder: 9
  },
  {
    key: "bearingInvestigations.operatingData.outerRingRotation",
    isRequired: false,
    sortOrder: 10
  },
  {
    key: "bearingInvestigations.operatingData.temperature",
    isRequired: false,
    sortOrder: 11
  },
  {
    key: "bearingInvestigations.operatingData.radialLoad",
    isRequired: false,
    sortOrder: 12
  },
  {
    key: "bearingInvestigations.operatingData.axialLoad",
    isRequired: false,
    sortOrder: 13
  },
  {
    key: "bearingInvestigations.operatingData.lubricationType",
    isRequired: false,
    sortOrder: 14
  },
  {
    key: "bearingInvestigations.operatingData.viscosityForty",
    isRequired: false,
    sortOrder: 15
  },
  {
    key: "bearingInvestigations.operatingData.viscosityHundred",
    isRequired: false,
    sortOrder: 16
  },
  {
    key: "bearingInvestigations.operatingData.lubricantHaveAWorEPproperties",
    isRequired: false,
   ...