Prompt for the VertragView

Please create a React-JS view called "VertragView" for the fields of the Vertrag entity. The VertragView must contain the following fields: 
    - name: Bewohner   type: Bewohner 
    - name: Enddatum   type: DATE 
    - name: Notizen   type: STRING 
    - name: Startdatum   type: DATE 
    - name: Traegerorganisation   type: Traegerorganisation 
    - name: Vertragstyp   type: STRING 
    - name: Wohnform   type: Wohnform 
    - name: Wohnung   type: Wohnung 
The data source for the [Traegerorganisation] select control should be loaded from the relative URL: 
    "/TraegerorganisationService/traegerorganisation"   (HTTP-GET) 
The data source for the [Wohnform] select control should be loaded from the relative URL: 
    "/WohnformService/wohnform"   (HTTP-GET) 
The data source for the [Wohnung] select control should be loaded from the relative URL: 
    "/WohnungService/wohnung"   (HTTP-GET) 
The data source for the [Bewohner] select control should be loaded from the relative URL: 
    "/BewohnerService/bewohner"   (HTTP-GET) 
An existing Vertrag entity should be loaded from the relative URL: 
    "/TraegerorganisationService/vertrag/{id}"   (HTTP-GET) 
If a new Vertrag entity has been created, the new entity should be posted to the relative URL: 
    "/TraegerorganisationService/vertrag"   (HTTP-POST) 
If an existing Vertrag entity has been updated, the modified entity should be sent to the relative URL: 
    "/TraegerorganisationService/vertrag/{id}"   (HTTP-PUT) 
If an existing Vertrag entity has to be deleted, the following relative URL should be called: 
    "/TraegerorganisationService/vertrag/{id}"   (HTTP-DELETE) 
Add a HTML table to the view with the following Vertragsleistung columns: 
    - column: Vertrag 
    - column: IstVerpflichtend 
    - column: Leistung 
The table should have the title "Vertragsleistungs" und the data must be loaded from the server with the following relative URL: 
    "/LeistungService/vertragsleistung/vertrag/{id}"

Overview

My API

System Designs