如何使用道具为useState挂钩设置初始值？

Question

我无法定义为“ num”的值。但是使用局部变量时它的工作正常。 如何解决这个问题？

道具：

spec = {
 id: 32,
 itemCode: {number: 10000002, __typename: "ItemCode"},
 product: 600004,
 spec_class: "DS",
 grade: "DEFAULT",
}

组件

<ItemCodeSpecForm initialData={spec} />

function ItemCodeSpecForm(props){
    console.log(props)
    const { number } = useParams();
    const itemCode = parseInt(number);
    const [open, setOpen] =useState(false)
    const [l, setL] = useState(true? 'm':"n")
    const [num, setNum] = useState(props.initialData  ? props.initialData.id : 2)
    return (
        <div>
            {props.initialData && console.log(props.initialData.id)}
            {console.log('num',num)}
            {console.log(l)}
        </div>
    )
}