React 解构：这种语法的含义是什么？

Question

我在查看 react-transition-group 库时遇到了这种我以前从未见过的语法（第 1 行）。什么意思？

PS：我知道 props 或 state 的正常解构；但在这种情况下，似乎将道具分配给“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

prop 'in' 被重命名为 'inProp' 用于函数的上下文。这是 prop 解构的一个特性。