Prompt for the ZahlungView

Please create a React-JS view called "ZahlungView" for the fields of the Zahlung entity. The ZahlungView must contain the following fields: 
    - name: Betrag   type: STRING 
    - name: ExterneReferenz   type: STRING 
    - name: FitnessStudio   type: FitnessStudio 
    - name: IstErfolgreich   type: BOOL 
    - name: Mitglied   type: Mitglied 
    - name: MitgliedschaftsVertrag   type: MitgliedschaftsVertrag 
    - name: Waehrung   type: STRING 
    - name: ZahlungsDatum   type: DATE 
    - name: ZahlungsTyp   type: STRING 
    - name: ZeitraumEnde   type: DATE 
    - name: ZeitraumStart   type: DATE 
The data source for the [FitnessStudio] select control should be loaded from the relative URL: 
    "/FitnessStudioService/fitnessstudio"   (HTTP-GET) 
The data source for the [Mitglied] select control should be loaded from the relative URL: 
    "/MitgliedService/mitglied"   (HTTP-GET) 
The data source for the [MitgliedschaftsVertrag] select control should be loaded from the relative URL: 
    "/MitgliedschaftsVertragService/mitgliedschaftsvertrag"   (HTTP-GET) 
An existing Zahlung entity should be loaded from the relative URL: 
    "/MitgliedService/zahlung/{id}"   (HTTP-GET) 
If a new Zahlung entity has been created, the new entity should be posted to the relative URL: 
    "/MitgliedService/zahlung"   (HTTP-POST) 
If an existing Zahlung entity has been updated, the modified entity should be sent to the relative URL: 
    "/MitgliedService/zahlung/{id}"   (HTTP-PUT) 
If an existing Zahlung entity has to be deleted, the following relative URL should be called: 
    "/MitgliedService/zahlung/{id}"   (HTTP-DELETE)

Overview

My API

System Designs