react父组件调用子组件并获取值

在React中，父组件可以通过不同的方式调用子组件并获取值。以下是几种常见的方法：

1. 使用props传递方法：父组件可以在子组件中定义一个方法，并将其作为props传递给子组件。子组件可以在需要的时候调用该方法，并将值作为参数传递给父组件。例如，在父组件中定义一个方法handleClick，并将其作为参数传递给子组件CommonText。子组件可以在点击事件中调用该方法，并传递需要的值。父组件可以在handleClick方法中接收子组件传递的参数，从而获取子组件的值。

2. 使用ref引用子组件：父组件可以使用React.createRef()创建一个ref，并将其传递给子组件的ref属性。子组件可以在componentDidMount生命周期方法中将自己的实例传递给父组件的ref。这样，父组件就可以通过ref引用子组件，并调用子组件的方法来获取值。

3. 使用回调函数：父组件可以在子组件中定义一个回调函数，并将其作为参数传递给子组件。子组件可以在需要的时候调用该回调函数，并将值作为参数传递给父组件。父组件可以在回调函数中接收子组件传递的参数，从而获取子组件的值。

以上是几种常见的方法，具体使用哪种方法取决于你的需求和项目的结构。