0

ヘッダータグでラップされた小さな文字列を表示するだけの動作するReactコンポーネントがあります（持っていました）。正しく表示されていたので、インポート/エクスポートが正しく設定されているとほぼ確信しています。メソッドに<Spring />コンポーネントを追加しようとすると、次のように表示されます。render()

Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. Check the render method of Animation.

<Spring>以前はすべてが正しく機能していたのに、コンポーネントが原因でこの問題が発生したのはなぜですか? 以下の私のコード：

import React from 'react';
import { Spring } from 'react-motion';

class Animation extends React.Component {
  constructor(props){
      super(props);
  }

  render() {
    return (
      <Spring defaultValue={0} endValue={120}>
        {val => {
          let style = {
            height: val,
            position: 'absolute'
          }
          return <div style={style}><h1>Hi!</h1></div>
        }}
      </Spring>
    )
  }
}

export default Animation;
4

1 に答える 1

1

Springreact-motion は、React コンポーネントとして使用される props と context を取る関数を公開しなくなりました。代わりに、値と構成を取る関数 (小文字の 's'を使用)に加えて、、 、 を使用できる3 つの関数を取得しました。Githubの react-motionリポジトリで最新のドキュメントを確認してください。MotionStaggeredMotionTransitionMotionspring

于 2016-09-06T11:04:34.607 に答える