🐛[BUG] ProFormFieldSet不能配合ProFormDependency使用，导致ProFormDependency拿不到依赖的值，需要拿到上一个依赖的值

[zhaoyantong]

提问前先看看：

https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/main/README-zh_CN.md

🐛 bug 描述

ProFormFieldSet不能配合ProFormDependency使用，导致ProFormDependency拿不到依赖的值
https://codesandbox.io/s/nice-darwin-s7rqgy?file=/src/App.tsx

不使用ProFormFieldSet可以获取到依赖的数据。

使用ProFormFieldSet拿到的是空对象。
*要达到的效果，通过上一个选择的值判断下一个是显示输入框还是下拉

[github-actions]

以下的 Issues 可能会帮助到你 / The following issues may help you

• [🐛[BUG]ProFormFieldSet不能配合ProFormDependency使用，导致ProFormDependency拿不到依赖的值 #7275][🐛[BUG]ProFormFieldSet不能配合ProFormDependency使用，导致ProFormDependency拿不到依赖的值][84%]

[zhaoyantong]

@chenshuai2144

[chenshuai2144]

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns.
此回复基于 ChatGPT 自动生成，可以尝试下方案，官方人员会在一定时间后继续继续处理。

你好！感谢你提供的问题描述。根据你的描述和提供的代码示例，你遇到的问题是在使用 ProFormFieldSet 和 ProFormDependency 组件时，ProFormDependency 无法获取到依赖的值，特别是上一个依赖的值。

首先，我建议你查看相关的 GitHub Issue 来了解是否已经有其他用户提出了类似的问题和解决方案。根据你提供的信息，我找到了一个相关的 GitHub Issue（#7275），可能会对你有所帮助。

通过查看该 Issue，我注意到一些可能有用的信息和解决方案。你可以尝试以下方法来解决你的问题：

1. 确保你的 ProFormDependency 组件正确配置了依赖项。你可以通过查看 ProFormDependency 的官方文档来了解正确的用法和示例代码。

2. 给 ProFormFieldSet 组件添加一个 onChange 事件处理函数，该函数会在 ProFormFieldSet 的值发生变化时被调用。在该函数内部，你可以更新 ProFormDependency 组件所依赖的字段的值。

下面是一个可能的解决方案示例代码：

import { useState } from 'react';
import { ProForm, ProFormSelect, ProFormFieldSet, ProFormDependency } from '@ant-design/pro-form';

const MyComponent = () => {
  const [selectValue, setSelectValue] = useState('');

  const handleSelectChange = (value) => {
    setSelectValue(value);
  };

  return (
    <ProForm>
      <ProFormSelect
        name="select"
        label="Select"
        options={[
          { value: 'option1', label: 'Option 1' },
          { value: 'option2', label: 'Option 2' },
        ]}
        onChange={handleSelectChange}
      />

      <ProFormDependency name={['select']}>
        {() => {
          if (selectValue === 'option1') {
            return (
              <ProFormFieldSet name="fieldSet" label="Field Set" initialValue={{}}>
                {/* Add your form fields here */}
              </ProFormFieldSet>
            );
          } else if (selectValue === 'option2') {
            // You can define another set of form fields here
          }

          return null;
        }}
      </ProFormDependency>
    </ProForm>
  );
};

export default MyComponent;

请注意，以上的代码只是一个示例，你需要根据你的具体需求进行适当修改。此外，你还可以参考 ProForm 和 ProFormDependency 的文档来了解更多关于这两个组件的用法和选项。

希望以上解决方案对你有所帮助！如果你仍然遇到问题，请告诉我具体的错误信息和更多代码细节，我将尽力帮助你解决问题。

[chenshuai2144]

用户的花活总是很多 😭

[one-pieces]

TAutomatically replying with ChatGPT can be attempted, but it cannot be guaranteed to be completely accurate and may not fully address all issues. Please feel free to reply if you have any further questions or concerns.
此回复基于 ChatGPT 自动生成，可以尝试下方案，官方人员会在一定时间后继续继续处理。

你好！感谢你提供的问题描述。根据你的描述和提供的代码示例，你遇到的问题是在使用 ProFormFieldSet 和 ProFormDependency 组件时，ProFormDependency 无法获取到依赖的值，特别是上一个依赖的值。

首先，我建议你查看相关的 GitHub Issue 来了解是否已经有其他用户提出了类似的问题和解决方案。根据你提供的信息，我找到了一个相关的 GitHub Issue（#7275），可能会对你有所帮助。

通过查看该 Issue，我注意到一些可能有用的信息和解决方案。你可以尝试以下方法来解决你的问题：

1. 确保你的 ProFormDependency 组件正确配置了依赖项。你可以通过查看 ProFormDependency 的官方文档来了解正确的用法和示例代码。
2. 给 ProFormFieldSet 组件添加一个 onChange 事件处理函数，该函数会在 ProFormFieldSet 的值发生变化时被调用。在该函数内部，你可以更新 ProFormDependency 组件所依赖的字段的值。

下面是一个可能的解决方案示例代码：

import { useState } from 'react';
import { ProForm, ProFormSelect, ProFormFieldSet, ProFormDependency } from '@ant-design/pro-form';

const MyComponent = () => {
  const [selectValue, setSelectValue] = useState('');

  const handleSelectChange = (value) => {
    setSelectValue(value);
  };

  return (
    <ProForm>
      <ProFormSelect
        name="select"
        label="Select"
        options={[
          { value: 'option1', label: 'Option 1' },
          { value: 'option2', label: 'Option 2' },
        ]}
        onChange={handleSelectChange}
      />

      <ProFormDependency name={['select']}>
        {() => {
          if (selectValue === 'option1') {
            return (
              <ProFormFieldSet name="fieldSet" label="Field Set" initialValue={{}}>
                {/* Add your form fields here */}
              </ProFormFieldSet>
            );
          } else if (selectValue === 'option2') {
            // You can define another set of form fields here
          }

          return null;
        }}
      </ProFormDependency>
    </ProForm>
  );
};

export default MyComponent;

请注意，以上的代码只是一个示例，你需要根据你的具体需求进行适当修改。此外，你还可以参考 ProForm 和 ProFormDependency 的文档来了解更多关于这两个组件的用法和选项。

希望以上解决方案对你有所帮助！如果你仍然遇到问题，请告诉我具体的错误信息和更多代码细节，我将尽力帮助你解决问题。

都直接用 state 和 onChange 获取值了，ProFormDependency 不需要了吧