#React 如何<FormattedMessage>通过React Intl用作占位符？

返回元素的<Formatted... />组成部分react-intl不是纯文本，因此不能用于占位符，替代文本等。在这种情况下，应使用较低级别的API formatMessage()。您可以intl使用injectIntl()高阶组件将对象注入到组件中，然后使用formatMessage()该对象上的可用消息格式化消息。

import React from 'react'
import { injectIntl, intlShape } from 'react-intl'

const MyComponent = ({ intl }) => {
  const placeholder = intl.formatMessage({id: 'messageId'})
  return <input placeholder={placeholder} />
}

MyComponent.propTypes = {
  intl: intlShape.isRequired
}

export default injectIntl(MyComponent)