Pressidian
花园入口
笔记
项目
关于
实验室
GitHub
花园入口
笔记
项目
关于
实验室
GitHub

KNOWLEDGE PATHS

笔记库
当前位置
笔记库/前端/项目笔记/代达罗斯/模式/Zustand

ToastStoreProvider

1 分钟阅读 · Note

目录树 578 篇

              • createToastStore
              • ToastStoreProvider
              • Zustand 5.x API
            • 表单最佳实践指南
            • 双层级导航结构
            • 以schema为中心的
            • 异步三态切换
            • 用neverthrow进行错误处理
            • Anatomy
            • cn
            • LoadingState&useList的组合
            • procedure中的service位置
            • scrollbar-gutter
            • TailwindCSS
            • TanStack Router 路由模式
            • useDebounce
            • useForm
            • void
          • 项目待做
          • 性能优化
          • UI设计
      • 前端技术栈
    • 笔记目录
    • CLAUDE.md
    • Vue 组件与 Render 函数

关联笔记 6

↗useContext正文关联↗createToastStore同一路径↗Zustand 5.x API同一路径↗表单最佳实践指南共同主题↗双层级导航结构共同主题↗以schema为中心的共同主题
  • ToastStoreProvider

ToastStoreProvider

useContext


import { type ReactNode, useState } from "react";
import { ToastStoreContext, createToastStore } from "./toastStore";

export const ToastStoreProvider = ({ children }: { children: ReactNode }) => {
  // 一般是还会有个setter被解构出来的
  const [store] = useState(() => createToastStore());

  return (<ToastStoreContext.Provider value={store}>
	  {children}
  </ToastStoreContext.Provider>)
};