小编Muh*_*mik的帖子

问题

在 React 中，当函数需要访问上述子组件的父组件中的状态时，我们可以将函数作为 props 传递到子组件中。我正在为需要实现此类行为的应用程序编写代码。但是，我无法找到在 Qwik 中定义函数的正确约定，然后发送它们。

试图

我尝试在界面中定义该函数，看看这是否有助于 Qwik 允许此实现，但到目前为止这也不起作用。

代码

我正在尝试从应用程序标题中包含的图标启动模式。我试图通过使用标头组件中声明的商店来控制模式的显示。它是一个布尔值，决定是否显示模式。我定义了用于修改标头组件中状态的函数，并尝试将其传递到我的模态子组件中。

// components/header/header.tsx\nimport { component$, useClientEffect$, useStore } from "@builder.io/qwik";\nimport { strictEqual } from "assert";\nimport Modal from "../modal/modal";\n\nexport default component$(() => {\n    const store = useStore({\n        ...\n        modal: false\n    });\n\n    function onClose() {\n        store.modal = false;\n    }\n\n    return (\n        <header>\n            {store.modal && <Modal onClose={onClose}/>}\n            <div \n                onClick$={()=>{\n                    store.modal = true;\n                }}\n            >\n                <i class="fa-solid fa-cart-shopping"></i>\n            </div>\n        </header>\n    );\n});\n

在我的模态组件中，我尝试使用一个界面来指示我正在将一个函数传递到我的 props …