reactjs - 如何处理ant design动态字段中的单选按钮

Question

我在表单中有一个动态表单字段，用户可以在其中添加多于 1 封电子邮件，并且用户只能选择 1 封电子邮件以使其成为主要电子邮件。前端工作已完成，现在的问题是如果我添加一封电子邮件并通过单击单选按钮将该电子邮件设为主要，然后我添加另一封电子邮件并将该电子邮件设为主要，上一个电子邮件单选按钮变为未选中，但先前的值选中第二个电子邮件单选按钮时，电子邮件单选按钮不会更改，我想取消选中未定义的前一个电子邮件单选按钮值。检查代码只需添加 value = 'primary',

1. 添加电子邮件并检查单选按钮。
2. 添加另一封电子邮件并选中单选按钮，上一个电子邮件按钮变为未选中状态。
3. 添加另一封电子邮件，不要单击单选按钮，然后单击提交按钮。
4. 现在看看控制台输入。请指导我如何处理该问题。

https://stackblitz.com/edit/react-2v1yww?file=index.js

标签： reactjsdynamicfieldantd