I am trying to make a search bar in an Astro project. I want to use Ajax to refresh content when user types something in the search bar, and update content which involves an Astro component without reloading the page. Is it possible to achieve this? I am not using any frames works like React or Vue.
#Is it possible to pass Astro component from is:inline Javascript?
hot breach
prisma depot
This is not possible, Astro components are rendered on the server and cannot be used client side inside <script> tags, a UI Framework would probably be easiest
hot breach
Thank you.
hot breach
This is not possible, Astro components are rendered on the server and cannot be ...
My understanding is that I can implement React for just one component, is that correct? Is there any template React component I can refer to?
prisma depot
Yes, there is an official React example here: https://github.com/withastro/astro/tree/main/examples/framework-react
hot breach
Thank you!
hot breach
Can I call Astro components inside a React component when trying to use Ajax to refresh content?
prisma depot
Can I call Astro components inside a React component when trying to use Ajax to ...
Sorry I missed your message but no, server side Astro components cannot be used client side