Question

我有一个工作的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;

Answer 1

react-motion不再公开Spring函数，它将道具和上下文用作React组件，而是你可以使用{strong>三个函数Motion， StaggeredMotion和TransitionMotion以及spring函数（带有小写's'的）除了值和配置之外。查看Github上react-motion repo上的最新文档。

React-Motion Spring组件导致不变违规

1 个答案: