🐛[BUG] actionsRender，写了一个点赞、点踩，点击更新className高亮，没生效

[spiderT]

🐛 bug 描述

actionsRender，写了一个点赞、点踩，点击更新className高亮，没生效

📷 复现步骤

actionsRender，写了一个点赞、点踩，点击更新className高亮，没生效

🏞 期望结果

在 actionsRender 里面打印feedbacks 没更新，但是外层feedbacks字段更新了

💻 复现代码

const [feedbacks, setFeedbacks] = useState<{}>({});

const submitFeedback = (type, id) => {

setFeedbacks({ ...feedbacks, id: type })

}

<ThumbsUp
theme="outline"
className={btn-icon ${feedbacks[id] === 'THUMB_UP' ? 'active' : ''}}
onClick={() => submitFeedback('THUMB_UP', id)}
/>

[spiderT]

动态点赞更新className高亮，没生效，但是历史记录进来，是生效的。

问题貌似是，actionsRender 不支持动态更新，源码里这段useMemo的依赖项actions，组件使用时，应该怎么处理actions，可以让它动态更新

const actionsDom = useMemo(() => {
if (chatItemRenderConfig?.actionsRender === false) return null;
if (error) return null;
const dom = (
<Actions
actions={actions}
className={${cx(styles.actions, ${prefixClass}-list-item-actions)}}
/>
);
return chatItemRenderConfig?.actionsRender?.(props, dom) || dom;
}, [actions]);

[songhanlin]

我是重写了ActionIconGroup, 实现了效果, 大概如下
const [cacheFeedback, setCacheFeedback] = useState(feedback || 0); const items: ActionIconGroupProps["items"] = [ { icon: () => { return ( <ThumbsUp size="12" color={cacheFeedback == 1 ? "#ff6600" : "rgba(0, 0, 0, 0.45)"} /> ); }, key: "thumbs-up", label: "赞", }]

[spiderT]

我是重写了ActionIconGroup, 实现了效果, 大概如下 const [cacheFeedback, setCacheFeedback] = useState(feedback || 0); const items: ActionIconGroupProps["items"] = [ { icon: () => { return ( <ThumbsUp size="12" color={cacheFeedback == 1 ? "#ff6600" : "rgba(0, 0, 0, 0.45)"} /> ); }, key: "thumbs-up", label: "赞", }]

感谢，用这个方法可以解决