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

React component library for displaying FHIR Resources

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

const Money = props => {
  const { fhirData } = props;
  // 'code' value is used in DSTU2 and STU3, it was changed to 'currency' in R4
  const { value, code, currency } = fhirData;

  return (
    <span className="fhir-datatype__Money">
      {Number.isFinite(value) ? value : null}
      &nbsp;
      {code || currency || null}
    </span>
  );
};

Money.propTypes = {
  fhirData: PropTypes.shape({
    value: PropTypes.number,
    code: PropTypes.string,
  }).isRequired,
};

export default Money;