Почему приложение JSX не отображает все? ⇐ Javascript

[Anonymous]

Я пытаюсь написать код React, но
app .jsx ничего не отображает, кроме (♥), независимо от того, что я делаю < /p>
Вот первый файл ..........
мовикард.jsx
>

Код: Выделить всё

  import React from "react"
function Moviecard (Movie) {
function onFavouriteClick () {
alert("clicked")
}
return (


[img]{Movie.url} alt={Movie.title} /[/img]



♥




{Movie.title}
{Movie.release_date}


)
}

export default Moviecard
< /code>
Второй файл ...........
home.jsx
....    import React from "react";
import Moviecard from "../components/Moviecard";
function Home() {
const movies = [
{id: 1, title: "john wick", release_date:"2020"},

{id: 2, title: "john wick 2", release_date:"2021"},

{id: 3, title: "john wick 3", release_date:"2022"},

{id: 4, title: "john wick 4", release_date:"2023"},
]
return (


{movies.map((Movie) => (

))}


)
}

export default Home;
< /code>
Третий файл ........
App.jsx
....    import React from "react";
import './App.css';
import Home from "./pages/home";
function App() {
return (



)
};
export default App;

................/P>

Подробнее здесь: https://stackoverflow.com/questions/795 ... everything