layer 弹窗的btn 函数中获取 调用子页面的函数

如果你想在弹窗的btn函数中获取调用子页面的函数，需要先在弹窗的父页面中定义该函数，然后将该函数作为props传递给弹窗子页面。在弹窗的btn函数中，你可以通过props获取该函数并调用它。具体实现可以参考如下代码：

// 父页面
import React, { useState } from 'react';
import Modal from './Modal';

function Parent() {
const [isModalOpen, setIsModalOpen] = useState(false);

// 定义调用子页面的函数
function handleChildButtonClick() {
console.log('Child button clicked.');
}

return (
<div>
<button onClick={() => setIsModalOpen(true)}>Open Modal</button>
{isModalOpen && (
<Modal
onClose={() => setIsModalOpen(false)}
onChildButtonClick={handleChildButtonClick} // 将函数传递给子页面
/>
)}
</div>
);
}

// 子页面
import React from 'react';

function Modal(props) {
function handleButtonClick() {
// 调用父页面传递过来的函数
props.onChildButtonClick();
}

return (
<div>
<h2>Modal</h2>
<button onClick={handleButtonClick}>Child Button</button>
<button onClick={props.onClose}>Close</button>
</div>
);
}

export default Modal;