.Split в React

Question

const timeHorizonValues = [
  { value: "SHORT", description: "", key: "1" }, 
  { value: "AVERAGE", description: "", key: "2" },
  { value: "LONGEST", description: "", key: "3" },
];

const liquidityNeedValues = [
  {
    value: "VERY_IMPORTANT",
    description: "",
    key: "1",
  },
  {
    value: "SOMEWHAT_IMPORTANT",
    description: "",
    key: "2",
  },
  {
    value: "NOT_IMPORTANT",
    description: "I",
    key: "3",
  },
];

// VALUES OF liquidityNeedValues + timeHorizonValues = COMBINED IN blahBlahBlahValues. NEW VALUE = value: "NOT_IMPORTANT/LONGEST"

const blahBlahBlahValues = 
  {
    value: "NOT_IMPORTANT/LONGEST",
    description:
      "hey there.",
    key: "1",
  },
  {
    value: "NOT_IMPORTANT/LONGEST_1",
    description: "25 years",
    key: "2",
  },
  {
    value: "NOT_IMPORTANT/LONGEST_2",
    description: "80 years",
    key: "3",
  },
  {
    value: "NOT_IMPORTANT/LONGEST_3",
    description: "70 years",
    key: "4",
  },
  {
    value: "NOT_IMPORTANT/AVERAGE",
    description: "200 years",
    key: "5",
  },
  {
    value: "SOMEWHAT_IMPORTANT/SHORT",
    description:
      "Under 5 years",
    key: "6",
  },
];    



let hello = {
      timeHorizon: values.timeHorizon,
      liquidityNeeds: values.liquidityNeeds,
    };

Итак, чтобы дать некоторый контекст, я сейчас показываю два вопроса. timeHorizonValues + liquidityNeedValues. Я объединил эти два значения / вопроса и создал blahBlahBlahValues. Во внешнем интерфейсе я комбинирую эти два значения, но бэкэнд по-прежнему должен получать их как отдельные значения , как первоначально .

Мне нужно получить значения для timeHorizon и liquidityNeeds из blahBlahBlahValues ​​ уже сделал это , а затем установил их как значения для timeHorizon и liquidityNeeds в объекте hello. Мне нужно использовать метод .split () для строк как способ отделить значения от одной строки. Мне нужна помощь, чтобы решить эту проблему. Внешний интерфейс объединяет эти два поля, но сервер ожидает их как два отдельных значения! спасибо за помощь!

Answer 1

Ваш вопрос должен быть переработан, так как то, что вы просите, не соответствует вашему коду. Я предполагаю, что вы ищете что-то вроде этого:

const newValues = blahBlahBlahValues.map( item => {
   const tempValues = item.value.split("/");
  return {timeHorizon:tempValues [0],liquidityNeeds:tempValues [1]};
}

Теперь вы можете перебирать newValues ​​и отправлять на свой сервер.

newValues.forEach(item => console.log(item.timeHorizon));

Обновлено:

  const newValues = items.map(item => {
    const tempValues = item.value.split("/");
    return {
      timeHorizon: {
        value: tempValues[1],
        description: item.description,
        key: item.key
      },
      liquidityNeeds: {
        value: tempValues[0],
        description: item.description,
        key: item.key
      }
    };
  });  
  newValues.forEach(item => {
    console.log("timeHorizon");
    console.log(item.timeHorizon);
    console.log("liquidityNeeds");
    console.log(item.liquidityNeeds);
  });