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

Question

我正在尝试在我的 React 应用程序中使用React Horizo​​ntal Timeline，但收到该错误（指向 react-horizo​​ntal-timeline.js 的第 379 行）：

Uncaught TypeError: Cannot read property 'distance' of undefined

我的代码包括：

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;

有人可以找出真正的问题，或者为反应的水平时间线提出一些好的选择吗？

Answer 1

问题中发布的代码片段有两个主要问题。

• 错误的日期格式：根据简单且有限的文档，所需的格式是mm/dd/yyyy。@Mayank 指出

• index声明：使用as之前需要先定义indexindex={this.state.value}

查看类似的 github 问题