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

In my case I had the whole app in one file, so using export wouldn't work. This one uses the normal class structure so you can use the state and other functionality of React if needed.

class nameInputOrig extends React.Component {
  render () {
    const {formatMessage} = this.props.intl;
    return (
        
    );
  }
}

const nameInput = injectIntl(nameInputOrig);

Apply using the created constant:

class App extends React.Component {
    render () {
        
    }
}