Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 获取react函数组件的子属性_Reactjs - Fatal编程技术网

Reactjs 获取react函数组件的子属性

Reactjs 获取react函数组件的子属性,reactjs,Reactjs,我在这里创建了一个简单的示例: 单击文本1时,会增加子组件中的值。在父组件中,我有一个按钮,希望从父组件访问子组件中的值。不是使用事件,而是类似ChildComponent.YourCurrentValue的内容。这在中国可能吗?您能否在render方法中向子组件添加id,然后通过该id访问其属性?您必须通过调用child中的prop函数将更改传递给父组件,如下所示: import React,{useState}来自“React”; const ChildComponent=props=>{

我在这里创建了一个简单的示例:


单击文本1时,会增加子组件中的值。在父组件中,我有一个按钮,希望从父组件访问子组件中的值。不是使用事件,而是类似ChildComponent.YourCurrentValue的内容。这在中国可能吗?您能否在render方法中向子组件添加id,然后通过该id访问其属性?

您必须通过调用child中的prop函数将更改传递给父组件,如下所示:

import React,{useState}来自“React”;
const ChildComponent=props=>{
常量[selectedValue,setSelectedValue]=使用状态(1);
函数单击(){
常数newCounter=计数器+1;
设置选定值(新计数器);
道具更换(新计数器)
}
返回{selectedValue};
};
导出默认子组件;
并将其返回到父组件中,如下所示:

从“React”导入React;
导入“/styles.css”;
从“/ChildComponent”导入ChildComponent;
导出默认函数App(){
函数showChildProperty(newCounterValue){
警报(newCounterValue);
}
返回(
显示子属性
);
}

希望您能找到您想要的答案。

我认为您无法访问子值。但是,您可以实现许多不同的解决方案。一个简单的方法是将值移动到父组件,并将其传递给子组件进行渲染,但父组件现在执行子组件中的值,因此在这种情况下没有意义。在实际场景中,子组件将是一个复杂的计算器。如果不能实现,我会提出一个事件。但是让我们看看其他人是否有想法。然后你能更新这个问题以更好地阐述你的目标吗?如果父组件不知道关于子组件的信息,以及为什么父组件需要子组件信息,我希望我将其表述得非常清楚。我不想引发事件,但访问子组件,如问题中所述的ChildComponent.YourCurrentValue。你可以在很多不同的框架中做到这一点,所以我希望REACT也能做到(我对REACT非常陌生)。但这可能不是REACT的本质,只能通过事件来实现。您的示例基于一个事件。这可能是唯一的反应方式。如果没有更好的答案出现,我会将其标记为答案。非常感谢,谢谢。