react hooks： useState中的初始值不能被赋值为来自父级的props中的值吗？

Question

就像下边这样

function Component (props) => {
    const [name, setName] = useState(props.name)
    console.log(name) // null
}

Answer 1

const [name, setName] = useState(() => {  
    return props.name || ''
})

Answer 2

useEffect(() => {
  setName(props.name)
}, [props.name])

Answer 3

为什么不可以,因为props.name是null？

function Component (props) => {
    const [name, setName] = useState(props.name)
    console.log(name) // null
    // 
    return (
        <div>{{name}}</div>
    );
}