mardi 27 juin 2023

How to display data after clicking a checkbox

I am new to ReactJS, I have "providers" data from an API displayed in checkboxes. I want to click on a provider then display products that particular provider has.

Currently I can get data from the API for both the Provider and Products, but when I return the data for the products it brings back everything in the API array however I want products of specific provider.

this is the API: https://apigw.mweb.co.za/prod/baas/proxy/marketing/products/promos/FTTH-WEBCONNECT-M2M,FTTH-CCC-CLARA-CLAWBACK,FTTH-TTCONNECT-CLAWBACK-100MBUP,FTTH-VUMA-SETUP-CLAWBACK-1MONTHFREE,FTTH-EVOTEL-CLAWBACK-100MBUP,FTTH-MFN-CLAWBACK-PROMO4,FTTH-LINKAFRICA-SETUP-CLAWBACK-100MBUP,FTTH-ZOOM-SETUP-CLAWBACK-1MONTHFREE,FTTH-MFN-SETUP-CLAWBACK-1MONTHFREE,FTTH-FROGFOOTAIR-CLAWBACK,FTTH-CCC-ALT-SETUP-100MBUP,FTTH-CLEARACCESS-CLAWBACK,FTTH-VODA-CLAWBACK-100MBUP,FTTH-LINKLAYER-CLAWBACK-100MBUP,FTTH-VUMA-12MONTH-CLAWBACK-25MBPS,FTTH-LIGHTSTRUCK-SETUP-CLAWBACK-100MBUP,FTTH-OCTOTEL-SETUP-CLAWBACK-1MONTHFREE,FTTH-CCC-SETUP-100MBUP,FTTH-FROG-SETUP-CLAWBACK-1MONTHFREE,FTTH-OPEN-SETUP-CLAWBACK-1MONTHFREE?sellable_online=true

** My code currently for retrieving products data currently looks like this:**

CODE

NB: this returns all products in the array but I want to check on "Evotel Provider" and get Evotel Products.

Please help

Screenshot of what I want to achieve




Aucun commentaire:

Enregistrer un commentaire