Link Search Menu Expand Document

Message() function

<Message id [locale] [params] [...msgParams]>

The value of a message. May also be used with a render prop: <Message id={id}>{msg => {...}}</Message>.

Signature:

export declare function Message(props: MessageProps): any;

Parameters

Parameter Type Description
props MessageProps  

Returns:

any

Example

import React from 'react'
import { Message, MessageProvider } from '@messageformat/react'

const messages = { example: { key: ({ thing }) => `Your ${thing} here` } }

const Example = () => (
  <span>
    <Message id="example.key" thing="message" />
  </span>
) // 'Your message here'

export const App = () => (
  <MessageProvider messages={messages}>
    <Example />
  </MessageProvider>
)