Преобразование динамических c выпадающих в статические c во время сборки - React

Question

У меня есть раскрывающийся элемент выбора на моем веб-сайте реакции, есть API, который дает мне возможность заполнить список, я хочу преобразовать этот динамический c список в список c в процессе сборки. Этот список редко меняется, поэтому я думаю, что смогу сэкономить несколько вызовов API. Как я могу это сделать?

Например:

<select>
  {data && data.map((item) => (<Option value={item}>{item}</Option>))}
</select>

После сборки:

<select>
  <Option value="option 1>option 1</Option>
  <Option value="option 2>option 2</Option>
  <Option value="option 3>option 3</Option>
</select>

Ps. Я использую CRA

Answer 1

Примечание: это не имеет ничего общего с CRA.

Вы можете достичь этого в три этапа:

1. Вам нужно написать сценарий bash или сценарий узла для вызова (curl if bash) API и сохраните ответ в файле JSON.
2. В коде вам необходимо импортировать эти JSON данные и заполнить параметры. Поэтому всякий раз, когда файл JSON обновляется, параметры будут обновляться.
3. Вам необходимо запускать этот скрипт перед этапом сборки CRA каждый раз, когда вы хотите развернуть.