Не получается работать с React Transition Group
Изучаю React Transition Group.
Насколько я понял, в state должно приходить следующее:
entering - вход в первую анимацию
entered - первая анимация завершена, спустя время timeout
У меня из state приходит только одно значение - entered. Я задал timeout 500, но я не наблюдаю значения entering, мгновенно выводится entered. Почему?
{
receivedList.length ?
<Transition in={receivedList.length} timeout={500}>
{
state => <Button
text={ 'очистить ' + state}
actionBtn={() => dispatch(clearReceived())}
/>
}
</Transition>
: null
}