が反応し、運動がどのように

Question

すべてを補間する初期値を決定します。

イム私はのようなモーションを使用する場合、私は疑問に思うモーションを反応させるのにはかなり新しい：私は価値があるかを知るにはどうすればよい

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

次の値を補間するために使用する初期値？そして、どのように私は、（目的はSVGパスを生成するD3.jsでその配列を使用することです）のようなものの配列を補間することができます：あなたはdefaultStyleプロパティに初期値を設定することができます

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

を感謝

Answer 1

。

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