我可以从React的虚拟DOM和如何制作<path>过渡动画

Question

所有

我是一个非常新的React，我想要构建的是折线图。

如果我使用D3 ，它基本上使用：

var lines = linechart.selectAll("path").data(arrayOfDatasetForAllLines);
lines.enter().append("path")
lines.transition.duration(800).attr("d", function(d, i){return linebuilder(d);})

如果我使用React，可能会喜欢：

<g>
    { arrayOfDatasetForAllLines.map((d, i)=>{
            var pathdata = linebuilder(d)
            return <path d={pathdata} />
        })
    }
</g>

我在这里有两个问题：

1. 与D3方式相比，我在这个用例中可以从React的虚拟DOM中受益多少，尤其是当行数不变时但只有数据集每一行都有变化吗？

2. 忘记好处，如果我决定使用React，我如何以反应的方式实现.transition（）。duration（）？