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

Question

我拥有这个国家；

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

我是否需要为代码的纯度进行重组，还是更好地保留它并改进实践中检查过的performance.can。提前谢谢你。

重组ES6

const {kilaBool, kilaName} = kila; 

Answer 1

对象和数组的破坏有点“昂贵”，但与用于拼接DOM和管理这些钩子的额外逻辑相比，它没有什么价值，也值得为可读性分配额外的内存。

因为您必须声明新的局部变量(kilaBool，kilaName)，所以代价很高。

也就是说：

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

只是一种奇特的方式来写这个：

const hookValues = useState(...);
const kila = hookValues[0];
const setKila = hookValues[1];

const kilaBool = kila.kilaBool;
const kilaName = kila.kilaName;

有关销毁和内存使用的额外信息，请阅读这。

在大多数情况下，将可读性置于性能之上是非常好的，因为其他开发人员在以后更容易阅读。