使用状态提升后ContextualMenu回调无法更新页面显示求助

安全阿岳

2026-8-16

问题排查与解决

核心问题出在setData的调用方式上，以下是具体排查和修复方案：

如果你是用React的useState声明的data对象状态（比如const [data, setData] = useState({ description: '' })），setData('description', type.description)的写法完全错误。useState的更新函数仅接受单个参数：要么是完整的新状态值，要么是返回新状态的函数。
正确的写法需要用函数式更新+对象展开，保证原状态的其他属性不丢失：
```
const action = (type) => {
     console.log(type);
     setData(prevData => ({
         ...prevData,
         description: type.description
     }))
}
```
如果你是自定义了setData函数来处理键值对更新，必须确保它内部正确合并状态：
```
// 自定义setData的正确示例
const [state, setState] = useState({ description: '' });
const setData = (key, value) => {
    setState(prev => ({ ...prev, [key]: value }));
};
```
要是自定义函数没有做对象合并，直接替换状态，也会导致更新不生效或数据丢失。
检查data的初始值是否为对象类型，比如const [data, setData] = useState({ description: '' })。如果初始值是字符串或其他非对象类型，更新description属性自然不会起作用。