React 基礎知識小結 (Redux 使用)

2021-10-08 16:24:51 字數 362 閱讀 4663

目錄結構 store 資料夾

.-index // store 唯一入口

.-reducer // 獲取 defaultstate 根據獲得的action.type 返回相應處理後的 state

.-actiontypes // 存 action 的常量

.-actioncreators // anction 生成器

react-redux 可以統一管理store

connect(mapstatetoprops, mapdispatchtoprops)(todolist)將store dispatch 注入到元件裡

react-redux 有助於建立無狀態元件,優化效能,拆分邏輯

react基礎知識2

在react的事件處理程式中,內部的this是指向undefined 解決方案1 通過this.clickfn.bind this 解決方案2 屬性初始化器語法,提供了乙個箭頭函式 解決方案3 在函式外麵包一層箭頭函式 onclick onclick class event extends reac...

React 基礎知識介紹

react 基礎知識介紹 另外,本教程的 將全部使用 es6 語法,教程中我會介紹一些用到的 es6 語法,但是不會從頭講解了,推薦閱讀es6入門 hello world 以下是乙個最簡單的demo,將乙個最簡單的元件渲染到頁面上。import react from react import fro...

react 學習基礎知識

三種改變this指向的方法 1.在呼叫的時候使用bind方法 onclick 2.在constructor裡面改變this指向 this.getdata this.getdata.bind this 3.在方法上使用箭頭函式 getdata 兩種雙向繫結的方法 1.根據當前的元素自身的value值 ...