如何将数据点一个接一个地添加到Recharts LineChart，而不是批量加载？

Question

如何将数据点一个接一个地添加到Recharts LineChart？我试图在Recharts的文档中找到一个示例，但是我做不到。

让我们考虑以下代码段：

const {LineChart, Line} = Recharts;
const data = [
      {name: 'Page A', pv: 2400},
      {name: 'Page B', pv: 1398},
      {name: 'Page C', pv: 9800}
];
const TinyLineChart = React.createClass({
    render () {
    return (
        <LineChart width={300} height={100} data={data}>
        <Line type='monotone' dataKey='pv' stroke='#8884d8' strokeWidth={1} />
      </LineChart>
    );
  }
})

ReactDOM.render(
  <TinyLineChart />,
  document.getElementById('container')
);

同时绘制所有三个数据点。我应该使用LineChart的哪个属性来逐个添加点？

每次添加新点时，都不应删除以前添加的点！可以吗？