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

React component library for displaying FHIR Resources

import React from 'react';
import _get from 'lodash/get';

const Address = props => {
  const { fhirData } = props;
  const city = _get(fhirData, 'city');
  const line = _get(fhirData, 'line', []).join(' ');
  const state = _get(fhirData, 'state');
  const postalCode = _get(fhirData, 'postalCode', '');
  const country = _get(fhirData, 'country', '');
  return (
    <div className="fhir-datatype__Address">
      <div className="fhir-datatype__Address__line1">{line}</div>
      <div className="fhir-datatype__Address__line2">
        {city && <span>{city},</span>} <span>{state}</span>{' '}
        <span>{postalCode}</span> <span>{country}</span>
      </div>
    </div>
  );
};

export default Address;