ReactJS

1
import React from 'react';
2
import styles from './author.css';
3

4
export interface IUserInfo{
5
  name: string;
6
  avatarUrl: string;
7
  profileLink: string;
8
}
9
export function Author( props: IUserInfo) {
10
  return (
11
    <div className={styles.userLink}>
12
      <img
13
        className={styles.avatar}
14
        src={props.avatarUrl}
15
        alt="avatar"/>
16
      <a href={props.profileLink} className={styles.username}>{props.name}</a>
17
    </div>
18
  );
19
}
20