CodeSandbox здесь: https://codesandbox.io/s/4w9oj2ywk7
Похоже, что PoseGroup поддерживает реагирующие компоненты в DOM даже после их размонтирования.
Мое намерение состоит в том, чтобы иметь возможность "выбрать" элемент из списка, анимировать остальные, и тогда выбранный элемент будет расти, чтобы заполнить его родителя. Я могу добиться этого, не отключая какие-либо элементы списка и используя { applyAtEnd: { display: 'none'}} Reaction-Pose, чтобы просто скрыть их, но это вызывает резкий скачок выбранного элемента вверх. Если я не добавляю applyAtEnd, то они просто переходят в прозрачные, но (а) остаются на месте и (б) остаются активными.
Я ищу естественную анимацию от позиции списка до верхней части списка, а затем снова сглаживаю анимацию, когда она отменена, чтобы вернуться на прежнюю позицию.
В этой песочнице кода вы можете щелкнуть любой элемент, чтобы выбрать / отменить его выбор Поведение в нижней части списка - это то, что я ищу, но без четырех компонентов списка, висящих вокруг него.
Несмотря на то, что они не смонтированы, PoseGroup по какой-то причине все равно отрисовывает их.
Я что-то упустил? Похоже, что это слишком ядро функциональности для отличного продукта, чтобы быть ошибкой.