https://droyuki.github.io/tags/js/js - 標籤 - weichen's noteHugo -- gohugo.iozh-TWdroyuki@gmail.com (weichen)droyuki@gmail.com (weichen)Wed, 06 May 2020 14:36:54 +0800https://droyuki.github.io/2020/05/react-test-was-not-wrap-in-act/Wed, 06 May 2020 14:36:54 +0800weichenhttps://droyuki.github.io/2020/05/react-test-was-not-wrap-in-act/Warning: An update to Demo inside a test was not wrapped in act(…). 最近在寫單元測試，遇到這個神奇的 warning，記錄一下。 情境: 假設有一個元件，點了會更新 state 並呼叫 props.onChange class 版: 1 2 3 4https://droyuki.github.io/2020/01/redux-thunk-async-action/Fri, 17 Jan 2020 16:06:01 +0800weichenhttps://droyuki.github.io/2020/01/redux-thunk-async-action/首先必須知道幾個重點 Redux 不會管你是否同步，想要更新 store ，就必須呼叫 dispatch() Redux 原始碼中，dispatch function 的實作是此 function 會回傳其第一個參數 1 2 // 也就是若執https://droyuki.github.io/2019/09/js-extends-constructor/Wed, 04 Sep 2019 16:57:11 +0800weichenhttps://droyuki.github.io/2019/09/js-extends-constructor/三個 class A, B, C，依序繼承，測試 constructor 的執行關係 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 class A { constructor() { console.log('A has been instantiated', this) } static color =https://droyuki.github.io/2019/09/js-extends-class-property/Tue, 03 Sep 2019 16:57:11 +0800weichenhttps://droyuki.github.io/2019/09/js-extends-class-property/https://droyuki.github.io/2019/05/react-bind-this/Fri, 24 May 2019 13:05:27 +0800weichenhttps://droyuki.github.io/2019/05/react-bind-this/TL;DR class property + arrow function 才是王道 情境: 假設你有一個<Button />元件，其 onClick 中會需要時使用 this.props 或 this.state 這時就會需要將 onClick function 綁定元件的 this。 而綁