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

react-motion 不再Spring是使用 props 和 context 用作 React 组件的公开函数，而是您可以使用三个函数Motion，StaggeredMotion以及TransitionMotion除了spring函数（带有小写的 's'）之外，还可以使用 value 和 config。查看 Github 上react-motion repo的最新文档。

于 2016-09-06T11:04:34.607 回答