React Hooks中父组件中调用子组件方法

 参考 ： https://www.cnblogs.com/muamaker/p/11647626.html

 

 

 父组件中 代码
import { useState, useEffect, useRef } from 'react';


 // ------------------ 开票触发模态框
  const childRef = useRef();
  const setHanshu = () => {
    // changeVal就是子组件暴露给父组件的方法
    childRef.current.changeVal();
  };

  {/* 点击开票出现模态框 */}

          <InVoiceBox orderInfo={orderInfo}  cRef={childRef} />

　　

子组件 代码

import React, { useEffect, useState,  useImperativeHandle } from 'react';

 // 此处注意useImperativeHandle方法的的第一个参数是目标元素的ref引用
  useImperativeHandle(props.cRef, () => ({
    // changeVal 就是暴露给父组件的方法
    changeVal: () => {
    。。。。。业务逻辑
    },
  }));