react redux不完全指北

2022-06-25 04:30:15 字數 2123 閱讀 1257

1、首先react-redux是用來在元件之間方便傳輸資料以及改變資料的工具

2、常用的react-redux的方法是包含注入已經呼叫

3、首先在最外層包含注入

import  from 'react-redux'  // 全域性包含

reactdom.render(, document.getelementbyid("main"))

4、建立store(類似於全域性變數)

(1)基本架構

import  from "redux"

// 注入資料與方法

import todos from "./store/todos"

import test from "./store/test"

// 建立store與注入

export default createstore(combinereducers())

(2)資料於方法

// 初始化資料

let initialstate: any = 1

// 返回資料,或者根據返回action變化返回內容

export default function (state = initialstate, action: any)

}

4、然後在最外層就可以直接加上store

import mystore from './redux'

reactdom.render(, document.getelementbyid("main"))

5、接著就是每個需要用到store的頁面都要加上connect(需要用到redux建立的全域性變數的)

import  from "react-redux"

// 第乙個引數是包含全域性引數的函式

// 第二個引數是需要匯入物件的函式

// 這兩個引數到最後都會倒回物件當中

class test extends react.component

// 自己匯入的 this.props.addtodo

// 自己匯入的 this.props.state

render()

}export default connect(

(state: any) => state,

)(main);

6、執行方法需要注意的,需要根據你自己給到內容判斷執行那個方法

// 例如現在就是以type來判斷執行什麼方法

export const addtodo = () => ()

7、剛剛講的就是簡單的react-redux的使用方法,當使用react-hook+react-redux,那麼使用起來就會更加的簡單(用到react-hook的createcontext)  

import  from 'react'

import from 'react-redux'

// 整體核心

export const mycontext = createcontext(null) // 建立context

export const usestore = createstorehook(mycontext) // 建立獨有的usestore(獲取全域性變數用的)

export const usedispatch = createdispatchhook(mycontext) // 建立獨有的dispatch(執行方法用的)

export const useselector = createselectorhook(mycontext) // 建立獨有的selector(查詢變數用的)

8、注入方式也有所不同

import  from '../utils/redux-hook'

// 新增乙個注入mycontext

reactdom.render(, document.getelementbyid("main"))

9、使用起來更加方便

// 使用方法

const test = (props: any) => )}>點選

)}// 查詢元素

const test = () =>

)}

Ios打包不完全指北

寫這篇文章主要是給新來的新人同事,或者安卓同學,在給測試打包的時候,乙個指導作用,目前不涉及到證書的請求和安裝,如果有這方面的需求,請找老司機親自教導。這篇文章以盈峰專案管家作為樣本來解釋,因為目前沒有企業證書,這個就暫時不討論,以後有了再補充。說完了證書種類,那麼如何區分證書呢?為了區分證書我們規...

C 類與封裝不完全指北

以下內容是個人平時常用的內容,在此進行總結。都是個人的見解,如果有不對或者不贊同的地方,請大家指正,互相學習!這個學期學習了c 的有關知識,希望能夠在這裡與大家一起分享。我不想和其他 教科書一樣,一步一步一點一點介紹 c 的知識。這樣講了後面忘了前面。在我的學習過程中,我更喜歡那例子說話。所以我通過...

msf stagers開發不完全指北 一

上面我們給出的文章講到關於第一階段與第二階段的互動原理 上面的流程說的已經比較明白了 此篇文章裡我將採用 metasploit loader 作為 講解 向 msf 監聽位址發起 tcp 請求 獲取 stages 將 socket fd 放入暫存器 edi 從起始位址開始執行 stages 先貼 首...