問題タブ [react-spring]

私の反応アプリには、Transitionfromを使用するコンポーネントがありますreact-spring。

しかし、これを更新するthis.state.itemsと、アニメーションが繰り返されませんでした。状態を更新するときはitems、配列内の要素の順序のみを変更します。

簡単なチュートリアルを使用して、react-spring を試す。しかし、それは私にとってはうまくいきません。これが私のコードです：

ここにエラーがあります

要素の型が無効です: 文字列 (組み込みコンポーネントの場合) またはクラス/関数 (複合コンポーネントの場合) が必要ですが、取得したのは未定義です。コンポーネントが定義されているファイルからコンポーネントをエクスポートするのを忘れている可能性があります。または、デフォルトのインポートと名前付きインポートを混同している可能性があります。

のレンダリング方法を確認してくださいBox。

私は gatsby のデフォルト スターターで react-spring を使用しており、次のように Box コンポーネントをインポートしています。