Reactjs 如何在另一个组件中使用来自一个组件的变量

我有3个组件，它们存储在不同的文件中。1.GetUser（），2。App（），3。Form（）。我想使用GetUser组件中的两个变量，它们存储在

data.user.map（{name，email}

）中。这里我要说的是

name

和

email

。我想在

if（myValue==“name”&&myValue2==“email”）{

中的表单组件中使用这些变量，而不是“name”字符串和“email”如何在组件外部使用这些变量

函数GetUser（）{ const{loading，error，data}=useQuery（GET_USER）； 如果（加载）返回加载…

； if（error）返回错误：（

； const test={myVal:“demo”}； 返回data.user.map（{name，email}）=>( {console.log（名称）}

)); } 导出默认GetUser； 函数App（）{ 返回( 表单验证

{/* */} ); } 导出默认应用程序； 常量形式：FunctionComponent=（{title，valueInput}）=>{ 函数提交形式（e:任意）{ 如果（myValue==“name”&&myValue2==“email”）{ setLabel（“有效”） }否则{ setLabel（“无效”） } } 返回( {labelVal} setTitle（event.target.value）}type='text'占位符='type name'/> setTitle2（event.target.value）}type='email'占位符='type email'/> 提交 ) } 导出默认表单；

只是为了澄清一些术语：您想在另一个组件中使用某些变量的值。您不能使用变量本身，因为它们在不同的范围内声明。现在有一个问题：您有一个名为

数据的数组。user

包含多个对象，这些对象具有

名称

和

电子邮件

。其中哪一个e您希望在

表单中使用的值

组件？还是希望使用整个列表？还有什么是

useQuery（）

？这是您编写的函数吗？还是来自某个库？如果您绘制用户应该在应用程序中看到的不同屏幕，这也会有所帮助。当用户首次加载页面时，它会是什么样子？他们可以单击哪些元素？对于每个元素，会发生什么？使用MS Paint或类似程序绘制每个屏幕并描述用户如何在它们之间导航。@Code Peedient，我想使用这两个变量。这里我没有插入所有代码。我想可能有人知道如何使用reactjs的useContexthook或其他想法。我只想知道导出变量并在另一个组件中使用它们的解决方案。你是正确。您可以使用React上下文来解决此问题。我建议您阅读有关如何解决此问题的教程。