ant-design / ant-design/pro-components

🐛[BUG] ProFormMoney 在React 18.3.1 下报 Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate

Open
#8,429 3 comments 4 reactions 0 assignees View on GitHub
Dominant language
TypeScript
Stars
4.8k
Forks
1.4k
Avg merge
10h 44m
Merged PRs (30d)
3

Description

提问前先看看:

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

### 🐛 bug 描述

含有 ProFormMoney 页面在React 18.3.1 下打开直接报错
Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.

### 📷 复现步骤

任何一个form,只要含有 ProFormMoney 就报错。

### 🏞 期望结果

正常展示金额输入框 。

### 💻 复现代码

### © 版本信息

- ProComponents 版本: [e.g. 4.0.0] 2.7.9
- umi 版本 4.2.5
- 浏览器环境 safari
- 开发环境 [e.g. mac OS] macOS

### 🚑 其他信息


![image](https://github.com/ant-design/pro-components/assets/298322/3da7709c-108c-4012-bded-86c3bb8e9484)

Contributor guide

Open the contributing guide

Research direction

Start by reproducing the failure with a form containing ProFormMoney under React 18.3.1, using the versions and Safari environment reported here. Inspect the ProFormMoney entry point and trace the repeated updates; done means the money input renders normally without the maximum update depth error.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
30/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.