reactjs - 如何使用道具设置 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>
    )
}

标签： reactjsreact-hooks