在没有jsx的情况下使用react-spring

Question

我想对一些基本动画使用react-spring。我可以找到的所有示例都是基于JSX的，大多数人显然在开发react时都在使用它们。但是在我正在实施的项目中，JSX已关闭，也是import非法的，仅require可用。这是一些es-lint设置，用于保持代码约定。

我尝试了以下方法：

const createReactClass = require('create-react-class');

const React = require('react');

const Spring = require('react-spring');

const h = React.createElement;

const SectionCollapse = createReactClass({

  render: function () {

    return (

      h(Spring, {

        from: { opacity: 0 },

        to: { opacity: 1 }

      },

      (sp) => {

        return h('div', {}, 'should render');

      }));

  }

});

但是我得到了错误：

react.development.js：188警告：React.createElement：类型无效-预期为字符串（对于内置组件）或类/函数（对于复合组件），但得到：未定义。您可能忘记了从定义文件中导出组件，或者可能混淆了默认导入和命名导入。

检查的渲染方法SectionCollapse。

这可能是我想念的一些容易的事，