父子组件传参reactive赋值，子组件template首次不渲染问题

1.问题描述：

父组件通过接口请求进行赋值给detailIfonData

子组件接收：

打印 props.detailIfonData 是proxy(Object) ，sysAttchList数组值也存在；但是在template首次点击显示弹框sysAttchList不渲染！！！

2.问题解决：重新在子组件定义一个参数，reactive定义时候这个.value是创建的value

这样首次点击弹框数据就可以渲染了

用ref定义：
const datasList = ref({})
datasList.value = props.detailIfonData
template使用：
<div v-for="(item,index) in datasList.sysAttchList" :key="index">
    <span>{{item.fileName}}</span>
</div>

用reactive定义：
const datasList = reactive({})
datasList.value = props.detailIfonData
template使用：
<div v-for="(item,index) in datasList.value.sysAttchList" :key="index">
    <span>{{item.fileName}}</span>
</div>

 欢迎大佬帮忙分析指正，有没有别的方法！！！