Как менять значение select по условию?

Question

[Stergy]

Есть форма select на реакте, в ней имеются несколько элементов {option1, option2, option3........}
Option подгружаются из файла с вот таким вот массивом:

export default {

  "option1": {
    name: "option1",
    fields: some text
       },

 "option2": {
    name: "option2",
    fields: [{some obj}]
	},

   "option3": {
       name: "option3",
       fields: some text,
       some func(){},
	},

  "option4": {
    name: "option4",
    fields: [],
  }
}

Как мне сделать так, что б option4 подгружалось только если выполняется условие, а именно такое

if (window.location.search === "?advanced_mode")
    {show option4};

Т.е. если в адресе присутствует суффикс ?advanced_mode подгружать option4

Comments

[Роман Александрович]

думаю вам нужно использовать один из этих примеров
https://stackoverflow.com/questions/1789945/how-to...
и выглядеть это будет примерно так

window.location.href.indexOf("?advanced_mode") !== -1
?{show option4}:null

[Stergy]

Роман Александрович, ну мне нужно , что б если условие не выполнялось показывалось 3 optionа, а если выполняется то 5.

[Роман Александрович]

Stergy, покажите как вы выводите объект

Answer 1

[Руслан Герасимов]

Как-то так:
https://codesandbox.io/s/mq7m3wxo3x
https://mq7m3wxo3x.codesandbox.io/?advanced_mode

Answer 2

[Bessamuto]

Могу подсказать пойти от обратного, если у вас постоянно прилетает объект с "option4" то удалите его.

if (window.location.search !== "?advanced_mode") {
  let someObject = exportedObject
  delete someObject.option4
  console.log(someObject)
}

Comments

[Stergy]

такой вариант не совсем подходит, ибо нужно, если условие не выполнялось показывалось 3 optionа, а если выполняется то 5. И в дальнейшем, их присутствие тоже нужно, поэтому удалять - не вариант.