diff --git a/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx b/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx index 8eb4bb67..dd023500 100644 --- a/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx +++ b/web/src/components/ChatBox/ChatMessageList/VirtualizedList.tsx @@ -74,13 +74,14 @@ export const VirtualizedMessageList: React.FC = // } }; - const renderRow = ({ data, itemId, style }: any) => { - const index = findMessageIndexWithId(props.messages, itemId); // TODO: 这里是因为mattermost的动态列表传的id因此只能这边再用id找回,可以看看是否可以优化 + const renderRow = ({ data, itemId }: any) => { + const messages = props.messages; + const index = findMessageIndexWithId(messages, itemId); // TODO: 这里是因为mattermost的动态列表传的id因此只能这边再用id找回,可以看看是否可以优化 if (index === -1) { return
; } - const message = props.messages[index]; + const message = messages[index]; let showDate = true; let showAvatar = true; @@ -89,7 +90,7 @@ export const VirtualizedMessageList: React.FC = // 当不是第一条数据时 // 进行时间合并 - const prevMessage = props.messages[index - 1]; + const prevMessage = messages[index - 1]; if ( !shouldShowMessageTime( new Date(prevMessage.createdAt ?? ''), diff --git a/web/src/components/DynamicVirtualizedList/DynamicSizeList.tsx b/web/src/components/DynamicVirtualizedList/DynamicSizeList.tsx index 869ddae3..caef18d5 100644 --- a/web/src/components/DynamicVirtualizedList/DynamicSizeList.tsx +++ b/web/src/components/DynamicVirtualizedList/DynamicSizeList.tsx @@ -140,11 +140,7 @@ export interface OnScrollInfo { interface DynamicSizeListProps { canLoadMorePosts: () => void; - children: (info: { - data: any; - itemId: any; - style?: any; - }) => React.ReactElement; + children: (info: { data: any; itemId: any }) => React.ReactElement; height: number; initRangeToRender: number[]; initScrollToIndex: () => any; @@ -832,7 +828,7 @@ export default class DynamicSizeList extends PureComponent< isItemInLocalPosts || isLoader ) { - const item: React.ReactElement = createElement(children, { + const item: React.ReactElement = children({ data: itemData, itemId, });