Javascript 反应未定义错误的水平时间线距离

我试图在我的react应用程序中使用，但我遇到了错误（指向react horizontal timeline.js的第379行）：

我的代码包括：

import React, { Component } from 'react';
import HorizontalTimeline from 'react-horizontal-timeline';

class Foo extends Component {
    state = {
        value : '01-01-1990',
        previous: 0
    };
    render(){
        const VALUES = ['20-04-1991'];
        return(){
            <div>
                <HorizontalTimeline values={VALUES} 
                    indexClick={(index) => {
                        this.setState({value: index, previous: this.state.value});
                    }} 
                />
                <div> {this.state.value} </div>
            </div>
        }
    }
}
export default Foo;

import React，{Component}来自'React'；
从“反应水平时间线”导入水平时间线；
类Foo扩展组件{
状态={
值：“01-01-1990”，
上一次：0
};
render（）{
常量值=['20-04-1991']；
返回（）{
{
this.setState（{value:index，previous:this.state.value}）；
}} 
/>
{this.state.value}
}
}
}
导出默认Foo；

---

有人能找出真正的问题，或者为react的水平时间线提出一些好的建议吗？

更改：

render(){
        const VALUES = ['04/20/1991'];
        return(){
           <div>
               <HorizontalTimeline 
                  values={VALUES} 
                  indexClick={(index) => {
                      this.setState({value: index, previous: this.state.value});
                  }} 
               />
               <div className='text-center'>
                  {this.state.value}
               </div>
            </div>
        }
    }

1。如果要从

render

方法返回2个元素，则需要将它们包装在

div

中

检查此项以了解更多解释

2.根据您所附的，值需要一个日期的

数组，格式为
'mm/dd/yyyy'
，但您正在传递
'dd/mm/yyyyy'
：

const VALUES = ['20-04-1991'];

将其转换为正确的格式：

const VALUES = ['04/20/1991'];

试试这个：

render(){
        const VALUES = ['04/20/1991'];
        return(){
           <div>
               <HorizontalTimeline 
                  values={VALUES} 
                  indexClick={(index) => {
                      this.setState({value: index, previous: this.state.value});
                  }} 
               />
               <div className='text-center'>
                  {this.state.value}
               </div>
            </div>
        }
    }

render（）{
常量值=['04/20/1991']；
返回（）{
{
this.setState（{value:index，previous:this.state.value}）；
}} 
/>
{this.state.value}
}
}
问题中发布的代码片段中有两个主要问题


日期格式错误：根据，所需格式为
mm/dd/yyyy

index
声明：在使用as
index={this.state.value}


我实际上是在真实代码的body div中返回它，我忘了在这里添加代码片段，现在编辑。我也转换了日期格式，但没有任何效果，仍然得到相同的错误。但是你从ques中删除了值，你在代码中使用了吗？很抱歉，没有得到，你在谈论哪些值？是的，问题中讨论的错误已通过这些更改得到解决。但我无法成功完成中讨论的时间表。