langgenius/dify

[Chore/Refactor] not call the 'set' function of 'useState' directly in 'useEffect'

Open

#25 194 ouverte le 5 sept. 2025

Voir sur GitHub
 (2 commentaires) (1 réaction) (0 assignés)TypeScript (141 412 stars) (22 210 forks)batch import
good first issuerefactor

Description

Self Checks

  • I have read the Contributing Guide and Language Policy.
  • This is only for refactoring, if you would like to ask a question, please head to Discussions.
  • I have searched for existing issues search for existing issues, including closed ones.
  • I confirm that I am using English to submit this report, otherwise it will be closed.
  • 【中文用户 & Non English User】请使用英语提交，否则会被关闭 ：）
  • Please do not modify this template :) and fill in all the required fields.

Description

not call the 'set' function of 'useState' directly in 'useEffect'

Motivation

keep logic simpler

Additional Context

https://react.dev/learn/you-might-not-need-an-effect

https://eslint-react.xyz/docs/rules/hooks-extra-no-direct-set-state-in-use-effect

Guide contributeur

Stack technique
reacttypescript
Domaine
frontend
Type d'issue
refactor
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
2
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
under 1 hour
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
fresh
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
clear
Prérequis
React hooks basicsUnderstanding of useEffect and useState
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
90
Direction de recherche
Review the React documentation at https://react.dev/learn/you might not need an effect and the ESLint rule at https://eslint react.xyz/docs/rules/hooks extra no direct set state in use effect. Identify all components in the codebase where setState is called directly inside a useEffect without condition. Refactor by removing the useEffect and computing state directly from props or previous state, or moving the setState call outside of useEffect if possible. Follow the patterns described in the linked resources.