javascript - 如何在 react-horizo​​ntal-timeline 中显示内容？

Question

                        <HorizontalTimeline
                            index={this.state.value}
                            indexClick={(index) => {
                            this.setState({ value: index, previous: this.state.value });
                            }}
                            values={ VALUES.map(x => x.data) } 
                            getLabel={date=>VALUES.filter(x=>x.data==date).map((q)=> {return q.status})}
                            minEventPadding={50}
                            maxEventPadding={60}
                            linePadding={50}
                            isOpenBeginning={true}
                            isOpenEnding={false}
                            styles={{background: '#95cbdc', foreground: '#2791b3', outline: '#dfdfdf' }}
                            />
                        </div>
<div className='text-center'>
  {/* any arbitrary component can go here */}    
  {this.state.value}
</div>

那个任意组件是什么？如何根据索引显示不同的内容？

标签： javascriptreactjs