Горизонтальная шкала React не работает .... (я использую Next. js) - PullRequest
Новая
       3

Горизонтальная шкала React не работает .... (я использую Next. js)

1 голос
/ 27 мая 2020

Я преобразовал компонент класса в функциональный и использовал горизонтальную временную шкалу реакции. Не знаю, почему он дает такой результат. Любая помощь будет очень оценена. :)

Код: 

import React, { useState} from 'react';
import Light from '../components/Light'
import HorizontalTimeline from 'react-horizontal-timeline'

const GrandTimeline = () => {
    const VALUES = ['01/22/1998' ,  '01/25/1999', '01/22/2000' , '01/22/2001'];
    const [ initialState, changeState] = useState({
        value:  0,
      previous:0958
     });
    return (
        <Light>
         <div>
           <HorizontalTimeline
                index={initialState.value}
             indexClick={(index) => {
               changeState({ value: index, previous: initialState.value });
             }}
            values={ VALUES } /> 
        </div>
         <div className='text-center'>  
        {initialState.value}
        </div>
        </Light>
    );
}

export default GrandTimeline

Вывод моего кода:

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

...