javascript - 如何使用 Excel 文件中的条目填充 React 中的下拉菜单？

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 后，您可以轻松地遍历对象以创建下拉选项。