Question

我正在为项目使用ReactJS，并且我正在尝试使用ReactCSSTransitionGroup插件（是的，我正在加载react-with-addons.js文件）。以下是我在render方法中所做的基础知识：

var menu = this.state.menu ? <p>Here is the menu</p> : null;
return (
    <ReactCSSTransitionGroup
        transitionAppear={true}
        transitionAppearTimeout={100}
        transitionEnterTimeout={100}
        transitionLeaveTimeout={100}
        transitionName="fade">
            {menu}
    </ReactCSSTransitionGroup>
);

这是我的SCSS文件：

.fade-enter, .fade-appear {
  opacity: 0;

  &.fade-enter-active, &.fade-appear-active {
      opacity: 1;
      -webkit-transition: opacity 1000ms ease-in-out;
      transition: opacity 1000ms ease-in-out;
  }
}

.fade-leave {
  opacity: 1;

  &.fade-leave-active {
      opacity: 0;
      -webkit-transition: opacity 1000ms ease-in-out;
      transition: opacity 1000ms ease-in-out;
  }
}

我第一次拨打this.setState({ menu: true });菜单时会显示该菜单（虽然它不会淡入，只是显示）但在此之后即使我拨打this.setState({ menu: false });它也不会消失

令人沮丧的是，我第一次更改menu状态时收到错误，但即使我拥有react-with-addons.js和{的开发版本，它也会给我一个缩小的错误{1}}

react-dom.js

我确信如果我收到完整的错误消息，我可以弄清楚我做错了什么，但它给了我一般错误信息，我不知道为什么。

有没有人见过这个？

Answer 1

我正在使用gulp一段时间，但转而使用webpack，即使我在webpack中包含反应，我仍然在加载外部文件。这最终导致问题，因为有两个版本的反应加载，所以我只需要将一个句柄附加到窗口，所以我可以从我的其他javascript文件访问它，现在一切正常。

即使我使用的是非缩小文件，ReactJS也会出现缩小错误

1 个答案: