reactjs - 我应该让所有类变量成为状态的一部分吗?
问题描述
假设我有一个类变量,我知道它不会改变,但仍然需要渲染组件。可能是这样的:
class MyComponent extends React.Component {
constructor(props) {
super(props);
let { arrayOfImages } = this.props;
this.arrayOfImages = arrayOfImages;
this.state = {
colorOfBackground: 'blue'
};
}
render() {
let images = this.arrayOfImages.map(image => {
return <img src={image.src} />
});
return (
<div style={{color: this.state.colorOfBackground}}>
{images}
</div>
);
}
}
arrayOfImages
将其作为状态的一部分还是将其保留为类变量更好?
解决方案
arrayOfImages
不,state
如果这不会改变,就没有必要投入。最好将那些state
可以更改的值放入其中,并希望每次或有条件地在更改时重新执行代码。
推荐阅读
- image - 预览在 FlatButton 中拍摄的图像
- flutter - 带有过滤器的 Flutter Firebase 列表视图
- javascript - 如何在javascript中正确导入类
- flutter - 颤动中的嵌套GridView
- arrays - 如何在 Oracle 数据库表中存储数组?
- c++ - Arduino IC22显示倒数计时器未从两位数转换为一位数
- python - 使用子测试区分测试迭代的 pytest 等效项是什么
- reactjs - 导航到动态文件时,NextJS 在按钮单击时重新加载 SPA
- php - 将数据写入 memcached 几毫秒
- python - 我需要获取 pandas-dataframe 行,其中包括列中特定列表位置的特定值