node.js - How do I create a normal textfield for a Shopify App?

I've been a WordPress Developer for over 10 years now. I just recently started dev-ing in Shopify. I am attempting to learn how to make a Shopify app. I followed the tutorial here https://shopify.dev/apps/getting-started/build-app-example/frontend (https://shopify.dev/apps/getting-started/build-app-example/frontend) which is how to make a QR code app. I was able to build this with success. However, now I would like to attempt to add to it by adding an extra Textfield under "Title".

I was able to add the new textfield through the QRCodeForm.jsx file.

However I am completely lost on how to get this to submit and then have it appear on the front-end. I thought that I'd be able to just copy what was done for Title...but it looks like Title is importing some stuff from some kind of library that has a variable called "title" that has all of it's data.

I'm not sure if that is something that is built into Node or Polaris or AppBridge (which is the stack this app is using). I'm just completely lost on how to just make a normal textfield. Not really familiar with Node, Polaris, or AppBridge. Again been a WordPress developer for over a decade primarily using PHP, jQuery, HTML5, and CSS. So, any guidance on how to just add even a normal Text input for a form for a Shopify App, would be incredibly appreciated! Thank you!

Didn't find the answer?

Our community is visited by hundreds of Shopify development professionals every day. Ask your question and get a quick answer for free.