react-motion如何确定插值的初始值

Question

全部：

我对react-motion还很陌生，我想知道当我使用Motion时，比如：

<Motion style={{x: spring(10)}}>
  {interpolatingStyle => <div style={interpolatingStyle} />}
</Motion>

我如何知道哪个值是它用来插值下一个值的初始值？我如何插入一个数组(其目的是通过D3.js使用该数组来生成SVG路径)，例如：

<Motion style={{data: spring([final data])}}>
  {interpolatingStyle => <div d={linegenerator(interpolatingStyle.data)} />}
</Motion>

谢谢

Answer 1

可以将初始值设置为defaultStyle属性。

​

<Motion
  defaultStyle={{x: 0}}
  style={{x: spring(10)}}>
  {interpolatingStyle => <div style={interpolatingStyle} />}
</Motion>

​