Встроенная функция в React не работает - PullRequest
Новая
       87

Встроенная функция в React не работает

0 голосов
/ 01 июня 2018

Я пытаюсь преобразовать строку времени, отформатированную как 24 часа, в 12 часов.Для этого я создал функцию, которая будет переформатировать, а затем визуализировать ее.Однако, когда я помещаю встроенную функцию, например <span>{times && this.renderTime(times.StartTime)}</span>, в правильное место, ничего не запускается.

Но когда я помещаю ту же функцию на кнопку тестирования, она запустится и запишет мой недавно отформатированный текст.Например, от 15:41 до 3:41 PM. 

  renderTime = time => e => {
    const hours = time.split(':')[0];
    const minutes = time.split(':')[1];
    let currentTime;

    if (+hours === 0) currentTime = `12:${minutes} AM`;
    else if (+hours < 10 && +hours > 0) currentTime = `${hours.split('')[1]}:${minutes} AM`;
    else if (+hours <= 11 && +hours > 9) currentTime = `${hours}:${minutes} AM`;
    else if (+hours === 12) currentTime = `12:${minutes} PM`;
    else currentTime = `${hours-12}:${minutes} PM`;

    console.log(currentTime);

    return <p>{currentTime}</p>
  }

Почему эта функция не будет работать в тексте

1 Ответ

0 голосов
/ 01 июня 2018

ваша функция возвращает функцию - измените 

time => e =>

на 

time =>
...