Prop在ReactJS的子组件中变为null

我正在使用我的useEffect设置一些权限设置，如下所示，我想将道具传递给我的子组件我认为这很容易，但我被卡住了，因为我的道具对于我的子组件来说是空的- 使用状态

   const [userPermission, setUserPermission] = useState({})

somone plz能帮忙吗？我认为我的状态的初始值被发送到设置为{}的子组件，尽管我只想在useEffect将该值设置为我的状态后，才将该值作为道具发送

---

注意-当我使用-

时，我可以打印完整的JSON。如果您想在将API调用的响应设置为状态后将其传递给子组件，则应添加此条件，以便仅在数据存在时才呈现组件：

如果用户权限{

useEffect(() => {

        axios.post('API_ADDRESS', 'Role_num', {
            headers: {
                Authorization: 'sessionIDNum'
            }
        })
            .then(response => {
                setUserPermission(response.data, () => console.log('userPermission', userPermission));
            });
    }, []);

   return (
        <div style={{
            padding: '0 8px',
        }}>
            <pre>{JSON.stringify(userPermission, null, 2)}</pre>  <---This is printing the complete JSON
            <CaseCard permissionData={userPermission} /> <-- sending {} value for the object
            {/* <SideNav permissionData={userPermission} /> */}
        </div >
    )
}

{JSON.stringify(userPermission, null, 2)}