mirror of https://github.com/langgenius/dify.git
feat: Optimize component rendering by memoizing ConditionItem, ConditionList, and AgentToolConditionEditor
This commit is contained in:
parent
7728f0d354
commit
7bd6bfd430
|
|
@ -1,4 +1,4 @@
|
|||
import { useCallback, useState } from 'react'
|
||||
import { memo, useCallback, useState } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { RiDeleteBinLine } from '@remixicon/react'
|
||||
import { produce } from 'immer'
|
||||
|
|
@ -190,4 +190,4 @@ const ConditionItem = ({
|
|||
)
|
||||
}
|
||||
|
||||
export default ConditionItem
|
||||
export default memo(ConditionItem)
|
||||
|
|
|
|||
|
|
@ -1,5 +1,5 @@
|
|||
import { RiLoopLeftLine } from '@remixicon/react'
|
||||
import { useMemo } from 'react'
|
||||
import { memo, useMemo } from 'react'
|
||||
import ConditionItem from './condition-item'
|
||||
import type {
|
||||
AgentToolCondition,
|
||||
|
|
@ -69,4 +69,4 @@ const ConditionList = ({
|
|||
)
|
||||
}
|
||||
|
||||
export default ConditionList
|
||||
export default memo(ConditionList)
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
'use client'
|
||||
|
||||
import { useCallback, useMemo } from 'react'
|
||||
import { memo, useCallback, useMemo } from 'react'
|
||||
import { useTranslation } from 'react-i18next'
|
||||
import { v4 as uuid4 } from 'uuid'
|
||||
import { produce } from 'immer'
|
||||
|
|
@ -155,4 +155,4 @@ const AgentToolConditionEditor = ({
|
|||
)
|
||||
}
|
||||
|
||||
export default AgentToolConditionEditor
|
||||
export default memo(AgentToolConditionEditor)
|
||||
|
|
|
|||
Loading…
Reference in New Issue