Применение библиотеки Javascript DateTime к компоненту React на длительное время

Question

Я просмотрел SO как можно больше для интеграции библиотеки длительностей в React, но не могу найти конкретных примеров в контексте React.Извините, если это вопрос новичка, я какое-то время работал над этим вопросом и изучал его с помощью проблем моментов и других различных способов.

Я пытаюсь выяснить, как вызвать метод длительности вРеагируйте на библиотеку JS, используя humanize-duration или момент-длительности-формат .Например, я пытаюсь вызвать humanize-duration в моем компоненте:

import React, { Fragment } from 'react'
import NumberFormat from 'react-number-format'
import humanizeDuration from 'humanize-duration';    


export default function ProductDetails({ time_inventoried, total_time_staged  }) {
    return <tr>      
      <td>humanizeDuration({time_inventoried})</td> //860 days 03:34:17.564021 before format
      <td>humanizeDuration({total_time_staged})</td>  // # of seconds  before format
  </tr>
}

Попытка вызвать это с помощью типичных инструкций, как было описано выше, отображает только необработанный результат в скобках.Как правильно отобразить это в React?

Answer 1

Вы пробовали помещать свои операторы js в фигурные скобки {}

import React, { Fragment } from 'react'
import NumberFormat from 'react-number-format'
import humanizeDuration from 'humanize-duration';    


export default function ProductDetails({ time_inventoried, total_time_staged  }) {
    return <tr>      
      <td>{humanizeDuration(time_inventoried)}</td> //860 days 03:34:17.564021 before format
      <td>{humanizeDuration(total_time_staged)}</td>  // # of seconds  before format
  </tr>
}