Wie man in einer React + Rails... Notiz

Wie man in einer React + Rails App Währungs-/Betragsfelder basierend auf Benutzerberechtigungen global ausblendet?

Ich arbeite an einer Anwendung, die mit React 19 (Frontend) und Ruby on Rails 5.0.7.2 (Backend) erstellt wurde. Die Anforderung besteht darin, alle Währungs-/Betragsfelder in der Benutzeroberfläche basierend auf Benutzerberechtigungen auszublenden. Das Backend stellt ein boolesches Flag (z. B. can_view_amount: true/false) bereit, das angibt, ob der angemeldete Benutzer die Berechtigung hat, Betragsfelder anzuzeigen. Wenn der Benutzer nicht über die Berechtigung verfügt, sollten alle Betragsfelder in der gesamten App ausgeblendet werden. Dies soll skalierbar und zukunftssicher umgesetzt werden: Es sollte eine einmalige Implementierung sein, nicht etwas, das wir bei jedem neuen Bildschirm manuell neu implementieren müssen. Selbst wenn in Zukunft neue Bildschirme hinzugefügt werden, auf denen Beträge angezeigt werden, sollte die gleiche Logik automatisch angewendet werden, ohne dass die Entwickler vergessen, damit umzugehen. Frage: Was wäre der beste architektonische Ansatz oder das beste Entwurfsmuster, um dies zu implementieren? Ich überlege: Ein globaler Wrapper/eine Komponente zur Anzeige von Beträgen (die intern die Berechtigung vor dem Rendern überprüft). Eine Komponente höherer Ordnung (HOC) oder eine React Context-Lösung zur Kontrolle der Sichtbarkeit. Alle Vorschläge auf der Rails-Seite zur Strukturierung des Berechtigungsflags, damit es sich sauber in das Frontend integriert. Hat jemand ein ähnliches Problem gelöst, und was ist der am besten zu wartende Weg, um sicherzustellen, dass Betragsfelder in der gesamten App basierend auf Berechtigungen konsistent ausgeblendet werden?