ICU Message Format Playground

import { useIntl } from "react-intl";

// In your messages file:
// { "myKey": "Hello, {name}!" }

function MyComponent() {
  const intl = useIntl();
  return (
    <span>
      {intl.formatMessage(
        { id: "myKey" },
        {
    name: "World"
  }
      )}
    </span>
  );
}