react-component / react-component/image

页码在点击别的地方重新渲染image组件以后,会错乱

Open
#375 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Dominant language
TypeScript
Stars
213
Forks
124
Avg merge
47m
Merged PRs (30d)
1

Description

问题描述:在表格里面使用了图片预览功能,并且可以预览多张图片,操作步骤:表格的某列有8张图片,点击预览功能,可以正常翻页,看到的是1/8,此时,关掉预览功能,去点击一下表格的查询接口,再打开预览,页码会随机变成2/8或者3/8
1734348525837

我打印出来,点击查询组件会渲染好多次,渲染3-4遍以后,id开始乱了,还不连续了
企业微信截图_675ebefc-43b0-45ab-844f-5322ab5f054a
1734348656641
的id都乱了,并且不是连续的,
怀疑问题出在这里
1734348712588
但是不理解这里为什么要写这么复杂

Contributor guide

No contributing guide indexed for this repository

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Reproduce the issue with a table column containing eight previewable images: open the preview, close it, trigger the table query, and open the preview again. Inspect the image preview rendering and the identifier generation mentioned in the report, then verify that repeated renders preserve sequential identifiers and the correct page number.

Written by the indexing model from the issue text.

Assessment

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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.