將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), // <--