对象作为React子对象无效(找到:[object Promise]).如果您打算渲染子对象的集合

Question

当我尝试呈现此代码时，它总是显示以下消息"对象作为React子对象无效(找到：[object Promise](。如果要渲染子对象的集合，请改用数组&"；。请帮我解决这个错误。这个应用程序是rest api的任何例子。提前感谢

let arr = [];
function App() {
let info = () => {
return (axios
.get(
"https://api.nasa.gov/planetary/apod?api_key=R4s5xcOxoYklREakJOSoeNMCOK4tpM8iqg6slJ15&count=10&hd=true"
)
.then((res) => {
Object.entries(res).map((val, i) => {
return (
<div
id="carouselExampleIndicators"
className="carousel slide"
data-bs-ride="carousel"
>
<div className="carousel-indicators"></div>
<div className="carousel-inner">
<div className="carousel-item active">
<img
src={res.data[i].hdurl}
className="d-block w-100"
alt="img"
></img>
<br />
</div>
</div>
</div>
);
});
}))
};
return (
<>
<div className="container">{info()}</div>
</>
);
}
export default App;

Answer 1

axios.get(...).then(...)返回一个promise，这就是info()函数返回的内容。您需要找到一种方法让info()返回您想要的JSX，而不是承诺。