React.js Veri Gösterimi

/* In your CSS */
.avatar {
  border-radius: 50%;
}

import './styles.css';

const user = {
    name: 'Hello React',
    imageUrl: 'https://i0.wp.com/epikod.com/wp-content/uploads/2023/12/412550873_164816100053142_4635771826142864758_n.jpg',
    imageSize: 90,
};

export default function Profile() {
    return (
        <>
            <h1>{user.name}</h1>
            <img
                className="avatar"
                src={user.imageUrl}
                alt={'Photo of ' + user.name}
                style={{
                    width: user.imageSize,
                    height: user.imageSize
                }}
            />
        </>
    );
}