You can not select more than 25 topics
			Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
		
		
		
		
		
			
		
			
				
					138 lines
				
				4.1 KiB
			
		
		
			
		
	
	
					138 lines
				
				4.1 KiB
			| 
											3 years ago
										 | # `react-router`
 | ||
|  | 
 | ||
|  | ## 6.6.1
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.2.1` | ||
|  | 
 | ||
|  | ## 6.6.0
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Prevent `useLoaderData` usage in `errorElement` ([#9735](https://github.com/remix-run/react-router/pull/9735)) | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.2.0` | ||
|  | 
 | ||
|  | ## 6.5.0
 | ||
|  | 
 | ||
|  | This release introduces support for [Optional Route Segments](https://github.com/remix-run/react-router/issues/9546). Now, adding a `?` to the end of any path segment will make that entire segment optional. This works for both static segments and dynamic parameters. | ||
|  | 
 | ||
|  | **Optional Params Examples** | ||
|  | 
 | ||
|  | - `<Route path=":lang?/about>` will match: | ||
|  |   - `/:lang/about` | ||
|  |   - `/about` | ||
|  | - `<Route path="/multistep/:widget1?/widget2?/widget3?">` will match: | ||
|  |   - `/multistep` | ||
|  |   - `/multistep/:widget1` | ||
|  |   - `/multistep/:widget1/:widget2` | ||
|  |   - `/multistep/:widget1/:widget2/:widget3` | ||
|  | 
 | ||
|  | **Optional Static Segment Example** | ||
|  | 
 | ||
|  | - `<Route path="/home?">` will match: | ||
|  |   - `/` | ||
|  |   - `/home` | ||
|  | - `<Route path="/fr?/about">` will match: | ||
|  |   - `/about` | ||
|  |   - `/fr/about` | ||
|  | 
 | ||
|  | ### Minor Changes
 | ||
|  | 
 | ||
|  | - Allows optional routes and optional static segments ([#9650](https://github.com/remix-run/react-router/pull/9650)) | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Stop incorrectly matching on partial named parameters, i.e. `<Route path="prefix-:param">`, to align with how splat parameters work. If you were previously relying on this behavior then it's recommended to extract the static portion of the path at the `useParams` call site: ([#9506](https://github.com/remix-run/react-router/pull/9506)) | ||
|  | 
 | ||
|  | ```jsx | ||
|  | // Old behavior at URL /prefix-123 | ||
|  | <Route path="prefix-:id" element={<Comp /> }> | ||
|  | 
 | ||
|  | function Comp() { | ||
|  |   let params = useParams(); // { id: '123' } | ||
|  |   let id = params.id; // "123" | ||
|  |   ... | ||
|  | } | ||
|  | 
 | ||
|  | // New behavior at URL /prefix-123 | ||
|  | <Route path=":id" element={<Comp /> }> | ||
|  | 
 | ||
|  | function Comp() { | ||
|  |   let params = useParams(); // { id: 'prefix-123' } | ||
|  |   let id = params.id.replace(/^prefix-/, ''); // "123" | ||
|  |   ... | ||
|  | } | ||
|  | ``` | ||
|  | 
 | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.1.0` | ||
|  | 
 | ||
|  | ## 6.4.5
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.0.5` | ||
|  | 
 | ||
|  | ## 6.4.4
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.0.4` | ||
|  | 
 | ||
|  | ## 6.4.3
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - `useRoutes` should be able to return `null` when passing `locationArg` ([#9485](https://github.com/remix-run/react-router/pull/9485)) | ||
|  | - fix `initialEntries` type in `createMemoryRouter` ([#9498](https://github.com/remix-run/react-router/pull/9498)) | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.0.3` | ||
|  | 
 | ||
|  | ## 6.4.2
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Fix `IndexRouteObject` and `NonIndexRouteObject` types to make `hasErrorElement` optional ([#9394](https://github.com/remix-run/react-router/pull/9394)) | ||
|  | - Enhance console error messages for invalid usage of data router hooks ([#9311](https://github.com/remix-run/react-router/pull/9311)) | ||
|  | - If an index route has children, it will result in a runtime error. We have strengthened our `RouteObject`/`RouteProps` types to surface the error in TypeScript. ([#9366](https://github.com/remix-run/react-router/pull/9366)) | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.0.2` | ||
|  | 
 | ||
|  | ## 6.4.1
 | ||
|  | 
 | ||
|  | ### Patch Changes
 | ||
|  | 
 | ||
|  | - Preserve state from `initialEntries` ([#9288](https://github.com/remix-run/react-router/pull/9288)) | ||
|  | - Updated dependencies: | ||
|  |   - `@remix-run/router@1.0.1` | ||
|  | 
 | ||
|  | ## 6.4.0
 | ||
|  | 
 | ||
|  | Whoa this is a big one! `6.4.0` brings all the data loading and mutation APIs over from Remix. Here's a quick high level overview, but it's recommended you go check out the [docs][rr-docs], especially the [feature overview][rr-feature-overview] and the [tutorial][rr-tutorial]. | ||
|  | 
 | ||
|  | **New APIs** | ||
|  | 
 | ||
|  | - Create your router with `createMemoryRouter` | ||
|  | - Render your router with `<RouterProvider>` | ||
|  | - Load data with a Route `loader` and mutate with a Route `action` | ||
|  | - Handle errors with Route `errorElement` | ||
|  | - Defer non-critical data with `defer` and `Await` | ||
|  | 
 | ||
|  | **Bug Fixes** | ||
|  | 
 | ||
|  | - Path resolution is now trailing slash agnostic (#8861) | ||
|  | - `useLocation` returns the scoped location inside a `<Routes location>` component (#9094) | ||
|  | 
 | ||
|  | **Updated Dependencies** | ||
|  | 
 | ||
|  | - `@remix-run/router@1.0.0` | ||
|  | 
 | ||
|  | [rr-docs]: https://reactrouter.com | ||
|  | [rr-feature-overview]: https://reactrouter.com/start/overview | ||
|  | [rr-tutorial]: https://reactrouter.com/start/tutorial |