什么是最好的反应挂钩,频率代码或性能

时间:2019-07-14 23:21:39

标签: reactjs

我有这个州;

const [kila, setKila] = useState({
    kilaBool: false,
    kilaName: "",
  ....
  });

我是否需要对代码的纯度进行重组,还是最好保持原样并提高性能。任何人都可以在实践中进行检查。 预先谢谢你。

重组ES6

const {kilaBool, kilaName} = kila; 

1 个答案:

答案 0 :(得分:0)

对象和数组的销毁在某种程度上是“昂贵的”,但是,与在DOM缝合和管理这些钩子方面做出反应的额外逻辑相比,这毫无意义,而且值得为可读性分配额外的内存。

这很昂贵,因为您必须声明新的局部变量(kilaBool,kilaName)。

即:

info = fields.EmbeddedDocumentField(DataImportNodeInfo, required=True)
connection = fields.EmbeddedDocumentField(DataImportConnectionInfo, required=True)

只是一种写这篇的好方法:

const [kila, setKila] = useState(...);
const {kilaBool, kilaName} = kila;

有关解构和内存使用的其他信息,请阅读this

在大多数情况下,将可读性置于性能之上是完全可以的,请对其进行破坏,因为它更干净,更易于其他开发人员稍后阅读。