Чем отличается React Router v5 от v6?

Некоторые отличия React Router v5 от v6:

• Замена Switch на Routes. www.geeksforgeeks.org practicaldev-herokuapp-com.global.ssl.fastly.net В v5 для обертки маршрутов использовался Switch, а в v6 его заменили на Routes. practicaldev-herokuapp-com.global.ssl.fastly.net
• Отсутствие необходимости в свойстве exact. www.geeksforgeeks.org practicaldev-herokuapp-com.global.ssl.fastly.net В v5 оно было нужно, чтобы избежать частичного совпадения маршрутов, а в v6 по умолчанию все маршруты точные, поэтому свойство больше не требуется. practicaldev-herokuapp-com.global.ssl.fastly.net
• Вложенные маршруты. practicaldev-herokuapp-com.global.ssl.fastly.net В v5 вложенные маршруты создавались путём размещения компонентов Route внутри родительского компонента, а в v6 они напрямую объявляются внутри структуры Routes. practicaldev-herokuapp-com.global.ssl.fastly.net
• Замена useHistory на useNavigate. practicaldev-herokuapp-com.global.ssl.fastly.net В v5 для программной навигации использовался useHistory(), а в v6 его заменили на useNavigate(). practicaldev-herokuapp-com.global.ssl.fastly.net
• Методы отрисовки маршрутов. practicaldev-herokuapp-com.global.ssl.fastly.net В v5 для отрисовки компонентов можно было использовать component, render или children props, а в v6 эти свойства удалены, теперь для отрисовки JSX используется только element. practicaldev-herokuapp-com.global.ssl.fastly.net
• Относительные маршруты. practicaldev-herokuapp-com.global.ssl.fastly.net В v5 при навигации нужно было строить абсолютные пути, а в v6 поддерживается относительные пути на основе текущей траектории. practicaldev-herokuapp-com.global.ssl.fastly.net
• Перенаправление. practicaldev-herokuapp-com.global.ssl.fastly.net В v5 для обработки перенаправлений маршрутов использовался компонент Redirect, а в v6 его заменили на Navigate. practicaldev-herokuapp-com.global.ssl.fastly.net

Кроме того, размер React Router v6 значительно уменьшен по сравнению с предыдущими версиями. webformyself.com