小编Jed*_*ias的帖子

我正在使用vue 2进行项目.我需要知道在哪种情况下性能更好:使用v-if还是v-show？.我有一个很长的列表,每个项目的列表都有一个隐藏的表单,我需要显示和隐藏点击一个包含每个项目列表的按钮.什么是更好的v-show切换类或使用v-if添加和删除表单？谢谢

我一直在使用react.js创建一个小应用程序.我过分考虑了"表现".

所以我有一个名为"Spinner"的简单子组件.我的目标是确保此组件永远不会重新呈现.

这是我的组件:

import React, {PureComponent} from 'react';

export default class Spinner extends PureComponent {

render() {
    return (
        <div className="spinner">
            <div className="bounce1"></div>
            <div className="bounce2"></div>
            <div className="bounce3"></div>
        </div>
    )
}

}

在使用'react-addons-perf'重新渲染时,组件总是渲染,我使用的是PureComponent,因为我希望该组件只渲染一次,我读到我可以使用不可变的道具,但我不知道我知道如何使这成为可能.

如果我做一些喜欢这个:

componentDidMount() {
    this.renderState = false;
}

shouldComponentUpdate(nextProps, nextState) {
    return (this.renderState === undefined) ? true : this.renderState;
}

它只呈现一次,但我相信有更好的方法.

如何避免重新渲染？或者我怎么能制作不变的道具？