阵营未定义的错误

问题描述：

的水平时间轴的距离，我想在我的反应程序使用React Horizontal Timeline但我发现了这个错误（用手一指反应有水平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;

有人可以请找出真正的问题或建议或者为反应水平时间轴一些很好的选择吗？

答

变化：

您在返回从render方法2组的元素，你需要用他们的div。

检查此answer欲了解更多的解释。

2.按照你连接link，值需要与'mm/dd/yyyy'格式的日期的array，而是要传递'dd/mm/yyyy'：

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> 
     } 
    }

我实际上它返回一个体DIV中的，我忘了给我加上实际的代码之前定义的索引这里的片段，现在编辑。我也转换日期格式，但没有任何工作，仍然得到相同的错误。 – adi

但你从ques中删除了这些值，你在代码中使用了哪些值？ –

对不起，你在说什么价值？ – adi

答

问题中发布的代码段中存在两个主要问题。

错误日期格式：按照the simple and limited documentation，要求格式为mm/dd/yyyy。 Pointed out by @Mayank
index声明：它需要首先使用为index={this.state.value}

See similar github issue

阵营未定义的错误

相关推荐