Как менять отображение элементов через указания суффикса в ссылке?

Question

[Stergy]

Здравствуйте, есть форма написанная на реакт. Нужно, что б некоторые поля формы появлялись только если пользователь перейдет по ссылке с определенной прставкой. К пример сайт mysite.com:3000 - отображает обычный функционал
Как сделать чтоб по ссылке mysite.com:3000?extra_fiedls отображались дополнительные формы которые не видны при переходе на обычный домен.
Пока страница не превязана ни к какому хостингу и не имеет домена, но нужно универсальное решение, которое работало бы на любом домене просто при добавлении конкретного суффикса открывала дополнительные поля в форме.

Comments

[yanis_kondakov]

А в чем сложность возникла?

1) Получение ссылки
2) Получение из ссылки параметров, которые вам нужны для определения, что отображать
3) Проверяете, если в ссылке есть то, что удовлетворяет условию, то отображаете то, что нужно

[Stergy]

yanis_kondakov, а можно чуть поподробнее, я просто совсем новичок.

[Stergy]

yanis_kondakov, вот, например, как получить ссылку, я же ведь негде ее не прописываю, у меня просто страница с формой

[yanis_kondakov]

Stergy, покажите, как вы пытались сделать и что не получается

[Stergy]

yanis_kondakov, предположим я считаю текущую ссылку через window.location.href
Как проверить, присутствует ли в ссылке суффикс ?extra_fiedls

[yanis_kondakov]

Stergy, вы правильным путем пошли. Гуглите дальше. Это тривиальные задачи

[Stergy]

yanis_kondakov, все же как проверить присутствие суффикса ?extra_fiedls нагуглить не могу, не подскажите как?

[Stergy]

yanis_kondakov, можно ли использовать что-то подобное?

if (window.location.href.search("?extra_fiedls")!=-1){
  do something
}

Answer 1

[ФRФ]

добавьте завязку на значение document.location.search, это часть url включая "?". В вашем случае это будет "?extra_fiedls" независимо от сайта. кроме случая когда страница открывается по локальному пути, типа такого "file://C/projects/..."

Comments

[Stergy]

что-то вроде этого?

if (window.location.href.search("?extra_fiedls")!=-1){
  do something
}

[ФRФ]

Stergy, if (document.location.search == '?extrafields') {
...
}
проверьте в консоли, прямо сейчас, F12, "document.location.search" и Enter

[Stergy]

Ринат Фахруллин, да получилось
Теперь мне осталось сделать самое сложное. Как в react в форме <'select'> отображать только только некоторые пункты, а при наличии в ссылке поля ?extrafields, еще и дополнительные которые не отображаются в обычном режиме?
Или для этого нужно задать отдельный вопрос?

[ФRФ]

Stergy, стоит задать отдельный вопрос или поискать ответы, вероятно этот вопрос уже задавался.