React在子组件使用父组件的函数

  • Post author:
  • Post category:其他

问题描述

想根据用户的输入参数情况来请求数据,因为所有数据均在父组件中获取并传给子组件的,所以这时需要将用户的输入数据获取到并请求数据。
那么如何在父组件中获取到子组件输入的参数呢?

问题解决

父组件中的函数如下:

const getValues = (globalValue) => {
        const tempValue = globalValue;
        console.log(globalValue);
        return tempValue;
    }

传递给组件,由于需要返回参数,所以写成以下形式

{state === 2 && <ComAirNum STATUS={comAirNum} DATA={data => getValues(data)}/>}

子组件接收参数

const { STATUS,DATA } = props;

使用的是函数式组件,所以没有this

DATA(values)

直接调用,将参数传入函数即可

得到结果
在这里插入图片描述


版权声明:本文为qq_45812488原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。