React, enable/disable checkboxlist data depending upon data attribute on page load?

I have list of items that I am showing in Checkboxlist. Items are coming from get webapi and it returns xml. On Page load, in case of is-assigned=”FALSE” checkboxes are disabled, and in case of is-assigned=”TRUE”, checkboxes are enabled. User can only select checkboxes that are enabled.

Thanks