How to add logic and behavior to components?

[full_limpet]

Yet another simple question; if I create a page and only want to import specific components from that page into my codebase, is that possible? I’m asking because I’m not sure how to deal with complicated functionality/React state when importing an entire page… I have several form fields and drag&drop components that all need to be handled correctly via React state… Thanks in advance!!!

[yang]

Please let me know if this helps: https://docs.plasmic.app/learn/substitutions/

[full_limpet]

Thanks so much for that, @yang! I’m partway through it, now… I’ll try out some of these techniques!

[full_limpet]

I’m a bit confused… I’m getting these two errors:

[full_limpet]

But, I’m pretty sure I’m passing an onChange prop:

[full_limpet]

And, I’ve got the value linked in the Plasmic interface to the titleInput prop:

[full_limpet]

@yang I decided to go the codegen route and actually imported the page component. But, I’m not sure how to expose the onChange function for each input…

[full_limpet]

My current code looks like this:

[full_limpet]

I ran the plasmic sync --projects ... command and it generated a folder with my components (I changed the path to plasmicComponents in plasmic.json).

[yang]

Can you share a link to the project?

[full_limpet]

Sure!

[full_limpet]

https://studio.plasmic.app/projects/rRLcEFBRhuzokAEXaoD3my

[full_limpet]

Are you able to access it?

[yang]

Your component defines a string prop called titleInput, and passes this in as the value to the title input

In your PlasmicLoader code, you’re passing something into titleInput

I think you mean to override title instead

You can unlink the value from the titleInput prop and just do this (you can play with this from the API Explorer)

[yang]

[full_limpet]

Thank you!