Question

我正在编写一份问卷调查系统，希望能够顺利地过滤进出问题。

这是我的组件的render方法，用于显示其中的问题。

std::ostream& operator<<(std::ostream&, const myClass&)

此外我正在使用的css来实现垂直过渡：

render () {
    const { loadingQuestion, question, userId, actions } = this.props;

    const q = this.renderQuestion(question, (...args) => actions.answerQuestion(userId, ...args), (...args) => actions.skipQuestion(userId, ...args));
    return (
        <ul className="questions">
            <ReactCSSTransitionGroup
                transitionName="question"
                transitionEnterTimeout={1000}
                transitionLeaveTimeout={1000}
            >
                {q}
            </ReactCSSTransitionGroup>
        </ul>
    );
}

这是指向显示当前行为的页面的链接： http://price-it.co:8080/frame

有谁知道为什么这个css不会导致问题滑出而只是导致它消失？

谢谢！

Answer 1

您的示例无法在我的浏览器中运行（我遇到app.js:12Redux DevTools could not render. Did you forget to include DevTools.instrument() in your store enhancer chain before using createStore()?错误）。

但我可以说我对CSSTransitionGroup有同样的体验，所以我决定使用<TransitionGroup>代替Velocity - 确保它更加jQuery风格，但是它显然比css动画更好。

ReactCSSTransitionGroup麻烦 - 试图获得平滑的幻灯片放入/缩小动画

1 个答案: