object 作为 React child 无效（发现：[object Promise]）。如果你打算渲染 children 的集合，

Question

当我尝试呈现此代码时，它总是显示此消息“objects 作为 React child 无效（已找到：[object Promise]）。如果你要呈现 children 的集合，请改用数组。”。请帮助我如何修复此 error.This 应用程序是休息 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(...) return 是一个承诺，这就是您的 info() 函数正在 return 的承诺。您需要找到一种方法让 info() 达到 return 您想要的 JSX，而不是承诺。

object 作为 React child 无效（发现：[object Promise]）。如果你打算渲染 children 的集合，

objects are not valid as a React child (found: [object Promise]). If you meant to render a collection of children,

javascript

node.js

reactjs

axios