const test = {
  "indexes": [
    {
      "values": ["VCI", "PRI", "WMI", "PSI", "FSIQ"]
    }
  ],
  "sections": [
    {
      "values": ["SK", "SV", "YK", "YT", "SP"]
    },
    {
      "values": ["KU", "KK", "MA", "KT"]
    },
    {
      "values": ["NS", "KN", "LA"]
    },
    {
      "values": ["MK", "MT", "VT"]
    }
  ]
};

const createInputs = test => {
  return (
    <>
      {test.indexes.forEach(i => createInput(i))}
      {test.sections.forEach(i => createInput(i))}
    </>
  );
};

const createInput = item => {
  return (
    <>
      <h4>{item.name}</h4>
      <table>
        {item.values.forEach(value => {
          <tr>
            <td>{value}</td>
            <td>
              <input className="test-input" />
            </td>
          </tr>;
        })}
      </table>
    </>
  );
};

export default () => {
  return (
    <>
      {createInputs(test)}
    </>
  );
};