我遵循一个带有Hooks在线课程的Advanced模式,在这个早期的例子中,他们用以下API创建了一个可扩展组件(比如经典的手风琴或可折叠面板):
<Expandable>
<Expandable.Header>This is the header</Expandable.Header>
<Expandable.Body>This is the content</Expandable.Body>
</Expandable>
他们使用上下文将州expanded传递给可扩展的孩子。到目前为止还不错:
impor
因此,我有一个Operations.js组件,当父组件(ParamsForm.js)中的特定按钮被切换时,它会被呈现。现在,我想要的是,当父组件中的表单被提交时,我希望父组件表单字段的数据以及子组件表单字段的数据能够登录到控制台上。有什么办法可以做到这一点吗?
ParamsForm.js
import React, { useState, useEffect } from 'react'
import { Form } from 'react-bootstrap'
import styles from '../style.module.css'