Как правильно отобразить header для авторизованного пользователя?

Question

[kvxz2114]

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

Answer 1

[Alex Step]

Все ссылки в массив объектов, те что для авторизованного пользователя пометить флагом auth:true
В меню при выводе фильтровать массив, по признаку авторизованности пользователя.

Или если разные не только ссылки и хедеры сильно отличаются, то сделать 2 компонента, один для авторизованного другой для нее авторизованного пользователя.

Comments

[kvxz2114]

Спасибо)

[kvxz2114]

Alex Step Я правильно понимаю, что этот массив лучше поместить в контекст?

[Alex Step]

kvxz2114, нет, в контекст не зачем его класть.
Он скорее всего статичный, так что можно просто хранить в каком-нибудь файле типа config.js или constants.js и импортировать только в компоненте с меню.