FormattedMessage在属性中使用

Question

框架使用了antd 使用Input组件的时候我需要在placeholder属性中显示多语言

代码如下：

<Search
    placeholder={<FormattedMessage id="S_T"/>}
    enterButton="Search"
    size="large"
    onSearch={value => console.log(value)}
    style={{height: '40px'}}
  />

当在属性中使用<FormattedMessage id="S_T"/>时页面渲染的是一个对象如下图：

Answer 1

placeholder接受的是字符串，FormattedMessage这个应该是个组件吧，如果你要实现动态显示placeholder的内容，建议使用一个变量或者函数去实现

Answer 2

你这个是一个组件呀，直接写上去，显示不行呀，多语言不是语言包，每个语言包对应 的一个对象数据，用对象.属性方法绑定就行了。

Answer 3

请参考：https://github.com/yahoo/reac...，如下

<FormattedMessage id="title">
    {(txt) => (
        <H1>
            {txt}
        </H1>
    )}
</FormattedMessage>