React destructuring:这个语法的意思是什么？

Question

我在查看react-transition-group库时，偶然发现了这个我以前从未见过的语法(第1行)。什么意思？

PS:我知道正常的道具或状态的解构；但在这种情况下，似乎有一个道具赋值给‘inProp’……提前感谢

const Fade = ({ in: inProp }) => (
  <Transition in={inProp} timeout={duration}>
    {(state) => (
      <div style={{
        ...defaultStyle,
        ...transitionStyles[state]
      }}>
        I'm a fade Transition!
      </div>
    )}
  </Transition>
);

代码链接：https://reactcommunity.org/react-transition-group/transition

Answer 1

函数上下文的属性“in”将重命名为“inProp”。这是属性解构的一个特性。