反应解构：此语法的含义是什么？

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”。这是道具分解的功能。