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

这是我的组件：@H_403_3@

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,因为我希望该组件只渲染一次,我读到我可以使用不可变的道具,但我不知道我知道如何使这成为可能.@H_403_3@

如果我做一些喜欢这个：@H_403_3@

componentDidMount() {
    this.renderState = false;
}

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

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

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