React-Intl How to use FormattedMessage in input placeholder

Question

I\'m unsure how to get the values from

into a placeholder format like input:<

Answer 1

As from React version >= 16.8, you can use useIntl hook :

import React from 'react';
import { IntlProvider, useIntl } from 'react-intl';

const FunctionComponent = () => {
    const intl = useIntl();
    const lang = "en";
    const messages = {
      en: {
        'placeholderMessageId': 'placeholder in english',
      },
      fr: {
        'placeholderMessageId': 'placeholder en fançais',
      }
    }
    return ( 
      
           
      
      );
    };

export default FunctionComponent;