在React上下文中动态设置项目到可见时间线

Question

我正在使用react组件加载可见时间线。下面的代码正常工作

require("../../../node_modules/vis/dist/vis.css");
require("../../../node_modules/vis/dist/vis-timeline-graph2d.min.css");
import React from 'react';
import ReactDOM from 'react-dom';
const vis = require('vis');
var createReactClass = require('create-react-class');



var items = new vis.DataSet([
    {id: 1, content: 'item 1', start: '2013-04-20'},
    {id: 2, content: 'item 2', start: '2013-04-14'},
    {id: 3, content: 'item 3', start: '2013-04-18'},
    {id: 4, content: 'item 4', start: '2013-04-16', end: '2013-04-19'},
    {id: 5, content: 'item 5', start: '2013-04-25'},
    {id: 6, content: 'item 6', start: '2013-04-27'}
  ]);
    var options = {};



var Timeline = createReactClass({
  componentDidMount(){
    console.log("componentDidMount",this.refs);
            var timeline = new vis.Timeline(this.refs.myRef, items, options);
  },
  render: function() {
    return <div ref="myRef"></div>;
  }
});

ReactDOM.render(
  <Timeline />,
  document.getElementById('timeline')
);

现在，我想设置项目以更新时间轴。我该如何更换

var timeline = new vis.Timeline(this.refs.myRef, items, options);

类似

var timeline = new vis.Timeline(this.refs.myRef, <Items />, options);