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

Question

我有一个工作的 React 组件，它只显示一个包裹在 header 标签中的小字符串。由于它是显示正确，我几乎肯定我的 import/export 设置正确。当我尝试将 <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 函数，该函数将 props 和上下文用作 React 组件，取而代之的是三个函数，您可以使用 [ =11=, StaggeredMotion, 和 TransitionMotion 除了 spring 函数 (with lowercase 's') 取值和配置.在 Github.

的 react-motion 回购协议中查看最新文档

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

React-Motion Spring component causing Invariant Violation

javascript

reactjs

react-redux

react-motion