From e7e76fda7310290e41e1bae0b156d9a4c41c6361 Mon Sep 17 00:00:00 2001 From: YuJian Date: Tue, 29 Mar 2022 14:57:33 +0800 Subject: [PATCH] vault backup: 2022-03-29 14:57:33 --- .obsidian/workspace | 6 +++--- ...ˆ¶å转.md => # React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md} | 8 ++++++-- 2 files changed, 9 insertions(+), 5 deletions(-) rename 基于 React Hook å¼€å‘çš„ Jira 系统/{状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md => # React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md} (57%) diff --git a/.obsidian/workspace b/.obsidian/workspace index 50d5871..0088367 100644 --- a/.obsidian/workspace +++ b/.obsidian/workspace @@ -9,7 +9,7 @@ "state": { "type": "markdown", "state": { - "file": "基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "file": "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", "mode": "source", "source": false } @@ -69,7 +69,7 @@ "state": { "type": "backlink", "state": { - "file": "基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "file": "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", "collapseAll": false, "extraContext": false, "sortOrder": "alphabetical", @@ -89,7 +89,7 @@ }, "active": "1508f46ea2481b37", "lastOpenFiles": [ - "基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", + "基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md", "éšæ—¶éšåœ°/React Hooks 的碎片记录.md", "éšæ—¶éšåœ°/useEffect å’Œ Debounce.md", "éšæ—¶éšåœ°/奇怪的疑惑.md", diff --git a/基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md b/基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md similarity index 57% rename from 基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md rename to 基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md index 27baad2..b747b46 100644 --- a/基于 React Hook å¼€å‘çš„ Jira 系统/状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md +++ b/基于 React Hook å¼€å‘çš„ Jira 系统/# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转.md @@ -1,2 +1,6 @@ -# 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转 -在组件间传值是一个è€ç”Ÿå¸¸è°ˆçš„问题,对于大型且å¤æ‚的项目æ¥è¯´ï¼Œæœ‰è®¸å¤šä¼˜ç§€çš„状æ€ç®¡ç†åº“例如: Reduxã€Mobx之类的工具帮助统一的管ç†å’Œåˆ†å‘状æ€ï¼Œä½†æ˜¯åœ¨å°åž‹çš„个人项目当中,引入å¤æ‚的状æ€ç®¡ç†ä¸ä½†ä¸ä¼šæ高项目的开å‘效率还å¯èƒ½ä¼šæ高开å‘者的心智负担,如果åªæ˜¯éœ€è¦ç®€å•çš„在兄弟组件层级中传递å‚数,React 也æ供了 Context 这样的方案 \ No newline at end of file +# React 状æ€ç®¡ç†å’ŒæŽ§åˆ¶å转 + +在组件间传值是一个è€ç”Ÿå¸¸è°ˆçš„问题,对于大型且å¤æ‚的项目æ¥è¯´ï¼Œæœ‰è®¸å¤šä¼˜ç§€çš„状æ€ç®¡ç†åº“例如: Reduxã€Mobx之类的工具帮助统一的管ç†å’Œåˆ†å‘状æ€ï¼Œä½†æ˜¯åœ¨å°åž‹çš„个人项目当中,引入å¤æ‚的状æ€ç®¡ç†ä¸ä½†ä¸ä¼šæ高项目的开å‘效率还å¯èƒ½ä¼šæ高开å‘者的心智负担,如果åªæ˜¯éœ€è¦ç®€å•çš„在兄弟组件层级中传递å‚数,React 也æ供了 Context 这样的方案用于组件共享值,在这里是对常è§çš„状æ€ç®¡ç†å·¥å…·åšä¸€ä¸ªç®€å•çš„æ€è€ƒ + +## 1. Redux +Redux 是我在写 React 应用的时候状æ€ç®¡ç†çš„首选方案,åªæ˜¯å› ä¸ºæˆ‘比较熟悉,Redux å¯ä»¥åº”用但ä¸é™äºŽåœ¨ React 框架甚至还å¯ä»¥è¿ç”¨åœ¨ Vue å’Œ