movie-info | Find info on movies

Im trying to load the information from a database to my React App. Everything is working as expected except for the map function I'm running. Im trying to list all the genres of the given movie in the div.

I m not sure how can i explain it. But i will do my best. I'm developing a Movie App. I dont have problem about receiving data and viewing it on the screen. Besides i can see my errors on screen like "Too Many Results" but it's working only on main page. When i'm doing my searching like only series. I have another page for it. I dont have problem about receiving data and viewing it on the screen. But i cant see my error codes.

Fetch Page

I'm currently trying to solve a little problem.

I have the following code. I try to filter and re-render the fetched movielist based on the chosen genre.

So far i am able to cast the selected option to an object in my js-script but i don't know where to go from here. The genre values in my observable array is an array of its own since one movie can have multiple genres.

Here's my script so far:

I'm developing a Movie App. I dont have problem about receiving data and viewing it on the screen. But when i want to add a Loader to my project. It never goes away instead of staying for 1-2 seconds.

I have two buttons. The first is a dropdown menu that when hovered, shows two sibling . The other button is also a sibling, a formaction redirect to a different page.

I want both bg-color and color of the dropdown menu button to change when hovering one of its .

Snip of my output! I am getting this error and i can't solve it . Here is my code :

I am trying to learn the right use of a ViewComponent in ASP.NET Core Mvc, so I have the following example: The idea is to render a view with Movie details, and inside it, the "ReviewViewComponent" holding a 10-star movie rating widget.

Inside the ViewComponent's View is actually a form with radio buttons. The form action name is passed to the ViewComponent (either "Create" or "Edit", depending on if the user already gave a rating). Depending on the received action name, the form inside the ViewComponent will either call the Create or the Edit method inside ReviewsController.

This all works until I reach the return call inside ReviewsController. I would like to be able to return the ViewComponent there and simply render the return result inside the div with id="now-showing-details-rating-div" in Details using ajax. This works with PartialViews (code commented out in ReviewsController edit method), but it seems it doesn't work with ViewComponents (it just renders the ViewComponent View as a completely new View, even though I call the ajax on the form the same way I would do if it were in a PartialView).

Am I actually misusing the ViewComponent concept here? In the sense of rendering a portion of a View after form submit, is it actually better to just use PartialViews?

Ajax snippet

Everything works with my code as far as the API call and answer. My problem lies with displaying the data. Everything looks great on the DOM on the first render, but any search after the first one everything stacks on top of each other as opposed to refreshing.. I was wondering how I could erase the data from the first render and refill the Movie component with the new data. All help is super appreciated!I figure it's a small problem, probably with hooks, but I've been scratching my head for too long.

this block is API call

Have a problem with registering component locally in Vue.js app. I'm trying to use MovieCard.vue inside it's parent MainView.vue. Made everythig as in the Vue docs, but still getting this error: