Как преобразовать объект в число или строку, используя FormattedNumber для отображения в всплывающей подсказке реагирования с использованием REACTJs? - PullRequest
Новая
       40

Как преобразовать объект в число или строку, используя FormattedNumber для отображения в всплывающей подсказке реагирования с использованием REACTJs?

0 голосов
/ 02 июля 2019

Я пытаюсь сделать приложение, которое поддерживает несколько языков для этого я использую response-intl, который переводит данные. В то время как делая это, я сталкиваюсь с проблемой, что, когда я пытаюсь перевести он возвращает меня как [OBJECT OBJECT], но я ожидаю число или строка.

Я использую «реагировать-intl»: «2.7.2» для перевода, «реагировать-подсказка»: «3.10.0», для отображения значения всплывающей подсказки

Код подсказки. В этом я хочу, чтобы значение всплывающей подсказки было переведено на другой язык числового формата 

<div className="column number" 
 data-tip={ <FormattedNumber value= {1234234545465655} />}>
 1234234545465655
</div>

введите описание изображения здесь

Пожалуйста, найдите выше изображение для справки

Я получаю вывод как [OBJECT OBJECT]

Исходный код: 

import { FormattedMessage,FormattedNumber,formatNumber,injectIntl } from 'react-intl';
    const TDSHighlights = ({
      GlobalData,
      currencySymbol,
      currency,
      props,
    }) => (
         {console.log(props)}
         <div className="column number" 
                  data-tip={num}>
          Tooltip value
         </div>

        );
    export default injectIntl(TDSHighlights);

Добавлен пример кода при печати данных реквизита, не получающих значение реквизита

1 Ответ

0 голосов
/ 02 июля 2019

FormattedNumber - это компонент, который пытается отобразить диапазон (или другие элементы) на странице. Если вам просто нужна функция, которую вы можете вызвать для возврата строки, вместо этого используйте formatNumber 

import { injectIntl } from 'react-intl';


const SomeComponent = (props) => {
  const num = props.formatNumber(1234);
  //    or with options, as in:
  // const num = props.formatNumber(1234, { style: 'currency', currency: 'USD' });
  return (
    <div className= column number" data-tip={num}>
      Tooltip value
    </div>
  );
}

export default injectIntl(SomeComponent);
...