> ## Documentation Index > Fetch the complete documentation index at: https://www.yumeyuka.moe/llms.txt > Use this file to discover all available pages before exploring further. # 好朋友 export const FriendCard = ({name, role, image, bio, url}) => { const fallbackAvatar = `https://ui-avatars.com/api/?name=${encodeURIComponent(name)}&background=E8F4F5&color=358e98`; return
{name} { e.currentTarget.src = fallbackAvatar; }} />

{name}

{role}

{bio}

; }; export const FriendList = ({children}) => { const [shuffledChildren, setShuffledChildren] = useState([]); useEffect(() => { const childrenArray = React.Children.toArray(children); const shuffled = [...childrenArray].sort(() => Math.random() - 0.5); setShuffledChildren(shuffled); }, [children]); const renderChildren = shuffledChildren.length > 0 ? shuffledChildren : children; return
{renderChildren}
; };