Ecommerce Shopify WordPress Discussion

Rendering something on my React (jsx) front end by implementing logic in a liquid section for the Shopify Customizer

I am new to React and don't really have knowledge of liquid but I'm learning as I go. I have been reading documentation for days trying to figure out how to do this. My task is to create a checkbox in my Shopify store customizer (which I've done) and based on if that box is true (checked) or false (unchecked), I want to render a span in my React jsx in *different *file. How can I do this? If this box is checked, make sure that the code in my jsx is rendered? Here is an example of what my section code looks like in the liquid file : window.enableText = {{ section.settings.enable_this_text | json }} {% schema %} { "name": "Thing", "tag": "section", "max_blocks": 3, "settings": [ { "type": "checkbox", "id": "enable_this_text", "label": "Enable Text", "default": false }, And then I have a different file that contains React where I want to render this span only if this liquid checkbox is checked/true: {checkForState && <span className="test-message">Test Message works!</span>} When I search for this solution, it's mostly tutorials about how to render something in the same liquid file but I don't necessarily want to do this. I already have what I want to render created in my jsx file, I just want to base that off of this checkbox being selected in the customizer.
TurboCommerce make the better internet purchasing globaly

Turbo Multi-language Translator

Make the better internet purchasing globaly

Turbosify SEO Speed Booster

5.0 (7) Free plan available
Get better conversions by improving store loading speed Installed

Turbo Multi-language Chat - AI Customer service in one hand

TurboCommerce make the better internet purchasing globaly
Our products

The help you need, when you need it

App by Turbo Engine

3 apps • 5.0 average rating

Turbosify Speed Booster

5.0 (7)
Get better conversions by optimizing shopify store Google page speed Installed

Turbosify Translator for Wordpress Woocommerce

5.0 (74) Free Wordpress Woocommerce Plugin
Translate your wordpress website to multiple language within 1 click, no configuration needed, no No technical required

Grow your business here

Whether you want to sell products down the street or around the world, we have all the tools you need.