Как заполнить выпадающее меню в React записями из файла Excel?

Question

Так что в настоящее время это то, что я должен заполнить мое выпадающее меню. Я использую React Hook Form, чтобы создать свой выпадающий список. В настоящее время параметры жестко запрограммированы, но я хочу прочитать данные из файла excel или cvs, а затем заполнить мои параметры из этих данных. Я гуглил, но большинство отображается как заполненный из json файла. Я хочу заполнить из файла Excel. Спасибо!

<h5 for="secondaryControls">Secondary controls-other </h5>
           <div className="float-left">
      {fields.map((field, idx) => {
        return (

          <div key={`${field}-${idx}`}>

          <select name="primaryControls" ref={register}>



<option value="Component3">->Link:  Lift /Transfer Seat </option>
<option value="Component4">->ASENTO – XL-SEAT:  Lift /Transfer Board</option>
    value={field.value}
              onChange={e => ChangeItem(idx, e)}
          </select>
&nbsp;&nbsp;&nbsp;
            <input
              type="text"
style={{width: "370px"}}
          value={field.value}

              onChange={e => ChangeItem(idx, e)}
            />
            <button type="button" onClick={() => RemoveDropDown(idx)}>
              X
            </button>  &nbsp;&nbsp;&nbsp;
<button type="button" onClick={() => NewDropDown()}>
        +
      </button>
          <br /><br />
        </div>
        );
      })}
    </div>

Answer 1

Вам необходимо сначала преобразовать файл Excel в JSON. Есть несколько библиотек, которые помогут вам сделать это, одна из них - convert-excel-to-json.

Как только ваш файл конвертируется в JSON, вы можете легко переместить объект на * oop, чтобы создать раскрывающиеся меню.