react项目实战学习笔记-学习21-头像昵称

 // 模拟componentDidMount
    useEffect(() => {
        let username1 = localStorage.getItem('username')
        let avatar1 = localStorage.getItem('avatar')
        if (username1) {
            setUsername(username1)
        }
        if (avatar1) {
            setAvatar('xxxx' + avatar1)
        }
    }, [props.mykey])

模拟头像效果