一个根据用户名生成头像的库——@multiavatar/multiavatar在react中的使用

最新推荐文章于 2024-05-19 09:34:45 发布

wangjili-...

最新推荐文章于 2024-05-19 09:34:45 发布

阅读量904

点赞数

文章标签： react javascript node.js reactjs

本文链接：https://blog.csdn.net/htmlxiaobai/article/details/114399786

版权

一个根据用户名生成头像的库——@multiavatar/multiavatar在react中的使用

import React,{useEffect,useRef} from 'react';
import multiavatar from '@multiavatar/multiavatar';
const Example = ()=>{
	const svgRef = useRef();
	useEffect(()=>{
	let content = multiavatar("jack");
	svgRef.current.innerHTML = content
	})
	return (
		<div style={{width:"50px",height:"50px"}} red={svgRef}> </div>
)
} 
export default Example;