weseek__growi/src/client/js/components/User/Username.jsx

import React from 'react';
import PropTypes from 'prop-types';

export default class Username extends React.Component {

  render() {
    const { user } = this.props;

    const name = user.name || '(no name)';
    const username = user.username;
    const href = `/user/${user.username}`;

    return (
      <a href={href}>{name} (@{username})</a>
    );
  }

}

Username.propTypes = {
  user: PropTypes.object.isRequired,
};