React-intl const <FormattedMessage /> 给出 [object object] 作为结果

Question

我正在使用 "react-intl": "^2.4.0" 和 "react": "^16.2.0"。

我正在尝试将 <FormattedMessage/> 标记的输出分配给一个常量并将其放入输入标记占位符中。

预期输出输入字段中包含相应语言的文本，但文本框内出现 [object object]。

Answer 1

<FormattedMessage /> 是一个无法放置到需要原始字符串的 placeholder 的组件。

import {injectIntl} from 'react-intl'; 

class TestComponent extends React.Component{
  render(){
    const { intl } = this.props;
    return (
        <input placeholder={intl.formatMessage({ id: "loginPage.username", defaultMessage: 'username'})}/>
    )
  }
}

export default injectIntl(TestComponent);

React-intl const <FormattedMessage /> 给出 [object object] 作为结果

React-intl const <FormattedMessage /> is giving [object object] as result

reactjs

react-intl