javascript - 带有大括号的Javascript const，其中两个变量之间用冒号分隔

我正在做一个本机反应项目，我在网上找到了解决我问题的方法，但是我不理解函数中的任何一行

componentDidUpdate(propsOld) { // line 1
    const { fill } = this.props;  // line 2
    const { fill:fillOld } = propsOld; // line 3

    if (fill !== fillOld) { // line 4
      Animated.timing(this.anim, { toValue:fill, duration:2000 // line 5 }).start();
    }
}

我不明白的那行是第3行：

const { fill:fillOld } = propsOld;

我理解当单个变量或多个变量以逗号'，'分隔时使用花括号

有人用冒号'：'分隔时，请给我解释一下的意思吗？

最佳答案

使用：而不是，是因为它创建了填充别名。因此现在可以将fill称为fillOld。所以如果我想把条例草案称为弗雷德，我会做
{bill：fred}