From 740c1cf8ad94f50c166883346d61a4328d679265 Mon Sep 17 00:00:00 2001 From: YuJian Date: Tue, 29 Mar 2022 15:29:34 +0800 Subject: [PATCH] vault backup: 2022-03-29 15:29:34 --- .obsidian/workspace | 10 +++++----- ...¬.md => React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md} | 4 +++- éšæ—¶éšåœ°/React Context å’Œ Provider.md | 1 + 3 files changed, 9 insertions(+), 6 deletions(-) rename 基于 React Hook å¼€å‘çš„ Jira 系统/{# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md => React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md} (95%) create mode 100644 éšæ—¶éšåœ°/React Context å’Œ Provider.md diff --git a/.obsidian/workspace b/.obsidian/workspace index 0088367..ab864b8 100644 --- a/.obsidian/workspace +++ b/.obsidian/workspace @@ -9,7 +9,7 @@ "state": { "type": "markdown", "state": { - "file": "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "file": "基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md", "mode": "source", "source": false } @@ -69,7 +69,7 @@ "state": { "type": "backlink", "state": { - "file": "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "file": "基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -89,7 +89,8 @@ }, "active": "1508f46ea2481b37", "lastOpenFiles": [ - "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md", + "éšæ—¶éšåœ°/React Context å’Œ Provider.md", "éšæ—¶éšåœ°/React Hooks 的碎片记录.md", "éšæ—¶éšåœ°/useEffect å’Œ Debounce.md", "éšæ—¶éšåœ°/奇怪的疑惑.md", @@ -97,7 +98,6 @@ "1648111615(1) 5.png.md", "1648111615(1).png", "1648111615(1) 5.png", - "éšæ—¶éšåœ°/简å•çš„ React æ€è€ƒ - Fiber 创建.md", - "éšæ—¶éšåœ°/Images/useEffect å’Œ Debounce.png" + "éšæ—¶éšåœ°/简å•çš„ React æ€è€ƒ - Fiber 创建.md" ] } \ No newline at end of file diff --git a/基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md b/基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md similarity index 95% rename from 基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md rename to 基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md index 20174dc..30aecf1 100644 --- a/基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md +++ b/基于 React Hook å¼€å‘çš„ Jira 系统/React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ.md @@ -1,4 +1,4 @@ -# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转 +# React 状æ€ç®¡ç†å·¥å…·çš„简å•æ€è€ƒ 在组件间传值是一个è€ç”Ÿå¸¸è°ˆçš„问题,对于大型且å¤æ‚的项目æ¥è¯´ï¼Œæœ‰è®¸å¤šä¼˜ç§€çš„状æ€ç®¡ç†åº“例如: Reduxã€Mobx之类的工具帮助统一的管ç†å’Œåˆ†å‘状æ€ï¼Œä½†æ˜¯åœ¨å°åž‹çš„个人项目当中,引入å¤æ‚的状æ€ç®¡ç†ä¸ä½†ä¸ä¼šæ高项目的开å‘效率还å¯èƒ½ä¼šæ高开å‘者的心智负担,如果åªæ˜¯éœ€è¦ç®€å•çš„在兄弟组件层级中传递å‚数,React 也æ供了 Context 这样的方案用于组件共享值,在这里是对常è§çš„状æ€ç®¡ç†å·¥å…·åšä¸€ä¸ªç®€å•çš„æ€è€ƒ @@ -7,3 +7,5 @@ Redux 是我在写 React 应用的时候状æ€ç®¡ç†çš„首选方案,åªæ˜¯å›  ## 2.Context Context 是 React 官方æ供的组件间传值共享值的解决方案,对于一些å°å¿ƒåº”用,Context 就已ç»è¶³å¤Ÿæ»¡è¶³çŠ¶æ€ä¼ é€’的需求,但是这也会导致一些问题,比如说组件的å¤ç”¨æ€§å˜å·®ï¼ŒReact 官网中也有写到:如果你åªæ˜¯æƒ³é¿å…使用状æ€æ示的过程中出现的值层层传递的问题,å¯èƒ½æŽ§åˆ¶å转的组件组åˆä¼šç›¸è¾ƒäºŽ Context 更加适åˆï¼Œä»€ä¹ˆæ˜¯ç»„件组åˆï¼Ÿå°±æ˜¯è¯´åŽŸå…ˆåœ¨ç»„件间层层传递的å‚数,å˜ä¸ºä¼ é€’一个组件自身,这ç§å¯¹ç»„件的控制å转å‡å°‘了需è¦ä¼ é€’çš„ props æ•°é‡ + +## 3. React Query / Swr diff --git a/éšæ—¶éšåœ°/React Context å’Œ Provider.md b/éšæ—¶éšåœ°/React Context å’Œ Provider.md new file mode 100644 index 0000000..ea18b01 --- /dev/null +++ b/éšæ—¶éšåœ°/React Context å’Œ Provider.md @@ -0,0 +1 @@ +# React Context å’Œ Provider