下一个js与Typescript-如何访问应用程序。功能组件中的js道具和staticProps
我想知道我是否有可能使用打字稿和功能组件访问从app.js传递到所有组件页面的道具。看看app.jsindex.ts
应用程序。js:
function MyApp({ Component, pageProps, router }) {
const [message, setMessage] = useState(false)
return (
<Component setMessage={setMessage} key={router.route} {...pageProps} />
)
}
export default MyApp
指数ts:
function Home({products}): InferGetStaticPropsType<typeof getStaticProps>) {
return (
<div>Home</div>
)
}
export function getStaticProps(){
const products = []
}
我想能够访问setMessage函数和产品从getStatic道具在index.ts页面。我可能做错了事情，谢谢你的建议。
共有1个答案
这是可能的，就像使用常规组件一样。将您的道具与pageProps一起传递，就像您已经使用setMessage一样。下面是一个例子。我并没有严格遵循您的代码，但想法是一样的。
-
如果我在我的main.js文件中有一个全局变量，我希望可以在由webpad捆绑到同一个构建/bundle.js中的打字稿文件中访问它，我该怎么做？我不能像我想象的那样直接访问它（最后它们在同一个捆绑包中）。我已经阅读了导出/导入/要求，但找不到如何在webpad捆绑包的上下文中应用它。
-
我尝试将其用于typescript绑定： 测试. ts: 没有: 测试. ts: 但当我呼唤那一刻。format（），我得到一个错误。应该很简单，有人能提供一个命令行/导入组合吗？
-
如何在孩子的标签和函数sayhello中访问家长的道具？ （我可以访问兄弟姐妹和孩子，而无需将道具作为参数传递，但不能访问家长） \uuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuuu 和（远离本例） 如果此代码引用了 如何访问家长的道具 如果将Chi
-
我正在使用一个名为React语义ui日期选择器的React模块，我相信它是基于React日期选择器的。不管怎样，这都是一个普通的问题。我的主类组件和日期选择器功能组件位于同一个文件中。日期选择器呈现并工作正常，但我不知道如何在主类组件中访问日期选择器的实际值。 代码的简化版本可以在下面看到，我只是控制台日志记录了几个变量的值。有人能给我一个建议，告诉我从类组件中访问所选日期选择器值的最佳方式吗？
-
我正试着做一些代码拆分和修改。js是我想在一个单独的块中隔离的目标包之一。我是这样做的： 但我得到以下错误：。所以我想我应该做一些类似于<代码>时刻的事情。valueOf（currentNb）但我不太确定。有人能解释一下吗？提前谢谢
-
我有一个启用了托管服务标识(MSI)的功能应用程序。 我正在尝试使用这个功能应用程序从我的密钥库访问一个秘密。 我已经将代码添加到我的函数应用程序中来检索秘密。 当我尝试添加主体时会发生什么。