我正在嘗試通過 props 將一個字串傳遞給另一個組件，但它作為一個空物件出現。我的其他變數從另一端出來就好了。有沒有不同的方式來傳遞不是物件的道具？我無法弄清楚我在這里做錯了什么。
import React, { useState, useEffect } from "react";
import axios from "axios";
import Movie from "./Movie";
const MovieList = () => {
const [movies, setMovies] = useState([]);
const [imageUrl, setImageUrl] = useState("");
const API_KEY = "XXXXXXXXXXXXXXXXXXXXXX";
const getMovies = async () => {
const response = await axios.get(
`https://api.themoviedb.org/3/discover/movie?api_key=${API_KEY}&language=en-US&with_genres=27`
);
setMovies(response.data.results);
};
const getImages = async () => {
const img = await axios.get(
`https://api.themoviedb.org/3/configuration?api_key=${API_KEY}`
);
setImageUrl(img.data.images.base_url);
};
useEffect(() => {
getMovies();
}, [setMovies]);
useEffect(() => {
getImages();
}, [setImageUrl]);
return (
<div>
{movies.map((movie, idX) => (
<Movie movie={movie} id={idX} imageUrl={imageUrl} />
))}
<p>{imageUrl}</p>
</div>
);
};
export default MovieList;
import React from 'react'
const Movie = ({movie}, imageUrl, idX) => {
return (
<div>
<h3 key={idX}>{movie.title}</h3>
<img src={movie.poster_path} alt="" />
</div>
)
}
export default Movie
uj5u.com熱心網友回復：
當 React 呼叫你的組件函式時，它會將 props 作為單個物件傳遞，然后你可以解構它。改變
const Movie = ({movie}, imageUrl, idX) =>
到
const Movie = ({movie, imageUrl, idX}) =>
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/383859.html