https://droyuki.github.io/tags/reactjs/reactjs - 標籤 - 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/2020/01/react-redux-faq/Fri, 17 Jan 2020 14:51:25 +0800weichenhttps://droyuki.github.io/2020/01/react-redux-faq/React + Redux 常見問題 Q1: Flux Pattern 是什麼? Flux Pattern 是一個單向資料流設計模式，React 中所有元件都建議採用，以單向資料流的概念避免產生 side effect 由 React 渲染出view，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。 而綁