fhir-react/src/components/datatypes/Reference/Reference.js

React component library for displaying FHIR Resources

import React from 'react';
import _get from 'lodash/get';
import './Reference.css';

const Reference = props => {
  const { fhirData } = props;
  const display = _get(fhirData, 'display');
  const reference = _get(fhirData, 'reference', '');
  return (
    <div
      className="fhir-datatype__Reference"
      data-testid={props['data-testid']}
    >
      {display && (
        <span className="fhir-datatype__Reference__title">{display}</span>
      )}
      <span className="fhir-datatype__Reference__details">{reference}</span>
    </div>
  );
};

export default Reference;