Prompt for the ArbeitsvertragView

Please create a React-JS view called "ArbeitsvertragView" for the fields of the Arbeitsvertrag entity. The ArbeitsvertragView must contain the following fields: 
    - name: Beschaeftigungsart   type: STRING 
    - name: Enddatum   type: DATE 
    - name: Person   type: Person 
    - name: Personalrolle   type: Personalrolle 
    - name: Praxis   type: Praxis 
    - name: Startdatum   type: DATE 
    - name: Wochenstunden   type: STRING 
The data source for the [Personalrolle] select control should be loaded from the relative URL: 
    "/PraxisService/personalrolle"   (HTTP-GET) 
The data source for the [Praxis] select control should be loaded from the relative URL: 
    "/PraxisService/praxis"   (HTTP-GET) 
The data source for the [Person] select control should be loaded from the relative URL: 
    "/PersonService/person"   (HTTP-GET) 
An existing Arbeitsvertrag entity should be loaded from the relative URL: 
    "/PraxisService/arbeitsvertrag/{id}"   (HTTP-GET) 
If a new Arbeitsvertrag entity has been created, the new entity should be posted to the relative URL: 
    "/PraxisService/arbeitsvertrag"   (HTTP-POST) 
If an existing Arbeitsvertrag entity has been updated, the modified entity should be sent to the relative URL: 
    "/PraxisService/arbeitsvertrag/{id}"   (HTTP-PUT) 
If an existing Arbeitsvertrag entity has to be deleted, the following relative URL should be called: 
    "/PraxisService/arbeitsvertrag/{id}"   (HTTP-DELETE)

Overview

My API

System Designs