vue3子组件接收 props 后赋值问题

Question

const props = defineProps({ // 子组件接收到手props
  userMenu: {
    type: Array,
    default() {
      return []
    }
  },
})
let menuList = [] // 定义一个菜单列表数组
menuList = toRaw(toRaw(props).userMenu) // 取出原始数组
console.log(menuList) // 有时候会打印出 undefined 导致页面没有更新

• 我可以确认第一次子组件都接收到了 userMenu
• 现在出现了一个问题就是关于赋值，有时候可以把 menuList 数组赋值，有时候 menuList还是一个空数组(我确定每次子组件都会接收到 userMenu 并且 userMenu 数组有值，并且值是 reactive(userMenu))
• 为什么会出现有时候 menuList = toRaw(toRaw(props).userMenu) 赋值失败 ?