Zgrabny sposób, gdy potrzebujemy zrobić switch w kodzie JSX

Pewnie pierwsza myśl jaka przychodzi Wam do głowy, gdy chcielibyście wyświetlić w kodzie React kilka rożnych komunikatów w zależności od jakiejś wartości albo spełnionego warunku to użycie instrukcji switch.

Wówczas kod mógłby wyglądać mniej więcej tak:

Generalnie nie jest to zły pomysł, ale możemy zrobić to za pomocą mniejszej ilości kodu i w dużo czytelniejszej formie:

Z obu funkcji możemy korzystać tak samo i uzyskamy identyczne wyniki:

Rezultat:

Some error message
Some error message

Zachęcam do przetestowania tego rozwiązania na specjalnie dla Was przygotowanym CodeSandbox:

Edit SwitchVsEnum-React