refactor(react19): replace Context.Provider with Context value={}

- 升级 6 个文件的 Context 语法为 React 19 标准
- ThemeProviderContext, ChartContext, AnimationContext, TourContext, AssetStoreContext, RestartContext
- 构建验证通过
- 功能完全等价
This commit is contained in:
DrSmoothl
2026-03-01 20:02:04 +08:00
parent e1f9936561
commit e9a081d46b
6 changed files with 10 additions and 10 deletions

View File

@@ -50,5 +50,5 @@ export function AnimationProvider({
setEnableWavesBackground, setEnableWavesBackground,
} }
return <AnimationContext.Provider value={value}>{children}</AnimationContext.Provider> return <AnimationContext value={value}>{children}</AnimationContext>
} }

View File

@@ -52,7 +52,7 @@ export function AssetStoreProvider({ children }: AssetStoreProviderProps) {
} }
}, []) }, [])
return <AssetStoreContext.Provider value={value}>{children}</AssetStoreContext.Provider> return <AssetStoreContext value={value}>{children}</AssetStoreContext>
} }
export function useAssetStore() { export function useAssetStore() {

View File

@@ -90,8 +90,8 @@ export function ThemeProvider({
) )
return ( return (
<ThemeProviderContext.Provider value={value}> <ThemeProviderContext value={value}>
{children} {children}
</ThemeProviderContext.Provider> </ThemeProviderContext>
) )
} }

View File

@@ -153,7 +153,7 @@ export function TourProvider({ children }: { children: ReactNode }) {
}, []) }, [])
return ( return (
<TourContext.Provider <TourContext
value={{ value={{
state, state,
tours, tours,
@@ -172,6 +172,6 @@ export function TourProvider({ children }: { children: ReactNode }) {
}} }}
> >
{children} {children}
</TourContext.Provider> </TourContext>
) )
} }

View File

@@ -45,7 +45,7 @@ const ChartContainer = React.forwardRef<
const chartId = `chart-${id || uniqueId.replace(/:/g, "")}` const chartId = `chart-${id || uniqueId.replace(/:/g, "")}`
return ( return (
<ChartContext.Provider value={{ config }}> <ChartContext value={{ config }}>
<div <div
data-chart={chartId} data-chart={chartId}
ref={ref} ref={ref}
@@ -60,7 +60,7 @@ const ChartContainer = React.forwardRef<
{children} {children}
</RechartsPrimitive.ResponsiveContainer> </RechartsPrimitive.ResponsiveContainer>
</div> </div>
</ChartContext.Provider> </ChartContext>
) )
}) })
ChartContainer.displayName = "Chart" ChartContainer.displayName = "Chart"

View File

@@ -310,9 +310,9 @@ export function RestartProvider({
} }
return ( return (
<RestartContext.Provider value={contextValue}> <RestartContext value={contextValue}>
{children} {children}
</RestartContext.Provider> </RestartContext>
) )
} }