如何将变量导出到另一个反应功能组件？

Question

我正在创建这个反应应用程序，我想在其中将变量导出到另一个反应功能组件。 我也面临一个问题，因为当用户单击按钮时，变量才会包含值，否则它是未定义的并且无法导出未定义的变量。 所以我希望有一种方法可以仅在变量包含值时导出变量。 提前感谢任何帮助过的人！

PS：我是初学者：）

Answer 1

如果此变量是在组件的 function 中定义的，则无法导出它

const canExport = 'yes we can'

const App = () => {
    const iAmImpossibleToExport = []

    return <div>The application</div>
}
export { canExport }

export default App 

如果你想将变量传递给其他组件，你可以使用 props、context、redux.... 但它是更高级的主题（redux 和 context）和工具，应该小心操作和使用。 您可能只需要 state 和您级别的道具。

祝你进入 React 之旅好运