feat: Optimize component rendering by memoizing ConditionItem, ConditionList, and AgentToolConditionEditor

This commit is contained in:
GuanMu 2025-12-10 01:58:22 +00:00
parent 7728f0d354
commit 7bd6bfd430
3 changed files with 6 additions and 6 deletions

View File

@ -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)

View File

@ -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)

View File

@ -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)