将React-intl添加到占位符中

Question

我对const inputProps有问题。 我尝试将React-intl添加到react-autosuggest占位符输入，但是现在，该占位符为： [Object object] 。

getStepContent = (step) => {    
    const inputProps = {
      placeholder: <FormattedMessage {...messages.inputAccountNumber} />, // <--
      value,
      onChange: this.onChange,
      maxLength: 26,
    };

...

    switch (step) {
      case 0:
        return (
          <Fragment>
            <Autosuggest
              inputProps={inputProps} // <--
            />
          </Fragment>
        );
...

Answer 1

占位符是一个字符串，您在其中放置了一个对象。 您可以这样编写代码：

import intl from 'react-intl-universal'
...
placeholder: intl.get(messages.inputAccountNumber).d(messages.inputAccountNumber), // <--