小编Ded*_*dal的帖子

Next.js 使用 getServerSideProps 如何将属性从页面传递到组件?

我正在尝试coingecko-api获取比特币的实时价格。我试图将 getServerSideProps 的返回属性传递给我的<CalculatorBuy />组件,它是组件的一部分<Main />。我试图导入异步函数,calculatorbuy.js但我得到了未定义的对象。如何从index.jsmain.js和传递道具calculatorbuy.js。在 index.js 中,一切都像魅力一样工作,但我想直接在组件中使用 props 值。

\n
index.js\n\nexport default function Home(props) {\n\n  const {data} = props.result;\n  console.log(data);\n\n  return (\n    <div className="container">\n      <Head>\n        <title>Buy BTC</title>\n        <link rel="icon" href="/favicon.ico" />\n        <meta name="viewport" content="width=device-width, initial-scale=1.0"></meta>\n      </Head>\n      <Header />\n\n      <Main />\n\n      <Footer />\n      <style jsx> {`\n        .container {\n          min-height: 100vh;\n          display: flex;\n          flex-direction: column;\n          justify-content: center;\n          align-items: center;\n        }\n      `} </style>\n    </div>\n  )\n}\n\nexport async function getServerSideProps(context) {\n …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs next.js cryptocurrency coingecko

4
推荐指数
1
解决办法
2万
查看次数

标签 统计

coingecko ×1

cryptocurrency ×1

javascript ×1

next.js ×1

reactjs ×1