react 父子组件传参，由于父组件传递的参数类型有些问题，不能直接使用，需要做些改变，在哪个阶段处理比较好？

react 父子组件传参，由于父组件传递的参数类型有些问题，不能直接使用，需要做些改变，在哪个阶段处理比较好？

import Child from "./child"
import React, { useState } from "react";

export default function App() {
  const [arr, setArr] = useState([
    {
      name: '张三'
    }
  ])
  const update = () => {
    setArr([])
  }
  return (
    <div>
      <Child arr={arr} update={update}></Child>
    </div>
  )
}

子组件,

import React, { useState } from "react";

export default function Child(props) {
  let arr = props.arr
  const [arr2, setArr2] = useState([])
  
    

  return (
    <div>
      21
    </div>
  )
}

useEffect(() => {
    setArr2(props.arr)  //我是在这个阶段
 })

还有哪些方式比较好