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的本质,只能通过事件来实现。您的示例基于一个事件。这可能是唯一的反应方式。如果没有更好的答案出现,我会将其标记为答案。非常感谢,谢谢。