Реагировать на деструктуризацию: что означает этот синтаксис?

Я смотрел библиотеку response-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


person user247333    schedule 23.09.2018    source источник
comment
Внимательно прочтите эту страницу относительно переименования переменной для деструктурированного аргумента в функцию: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/   -  person wlh    schedule 23.09.2018
comment
Возможный дубликат Как работает аннотация этого типа в Реагировать на код без TypeScript?   -  person Bhojendra Rauniyar    schedule 23.09.2018


Ответы (1)


Опора 'in' переименовывается в 'inProp' для контекста функции. Это особенность разрушения пропа.

person Rob Brander    schedule 23.09.2018