乙個超級簡單的demo帶你走進redux的大坑

2022-05-02 18:42:12 字數 1191 閱讀 6968

1 import react,  from 'react';

2 import reactdom from 'react-dom';

3 import from 'redux';

4 import from 'react-redux';56

78render() = this

.props;

10return(11

12-1314+15

16)17}

18}1920

2122

//action

23 const plusacion =

2728 const minusaction =

3233

//reducer

34 const initialstate =

37 const reducer = (state = initialstate, action) =>

43case 'minus':

44return

47default:48

return

initialstate;49}

50}5152

//store

53 let store =createstore(reducer)

5455

//對映redux state到元件的屬性

56function

mapstatetoprops(state) 58}

5960

//對映redux actions到元件的屬性

61function

mapdispatchtoprops(dispatch)66}

6768

//連線元件

7071

//渲染元件

72reactdom.render(

7374

,76 document.getelementbyid('root')

77 )

使用者在介面上點選加號或者減號

通過點選的那個函式在mapdispatchtoprops對映上找到對於的action

然後action就去找元件繫結的store

store對應著reducer

reducer執行當前type對應的那個switch,更改state上面的資料

資料通過mapstatetoprops對映到了元件上

ofbiz 乙個簡單的入門demo

我們要建立乙個簡單的helloworld例項來演示ofbiz的使用,預期結果是在瀏覽器上顯示helloworld 1 在hot deploy下建立helloworld子目錄 這裡面有很多檔案,可以從ofbiz自帶的模組中複製,然後修改部分配置即可 下面提供的圖是很多步驟之後最終的的結果,學習時最好按...

乙個簡單的異常處理demo

首先,1.自定義異常類 data public class lyexception extends runtimeexception通過列舉的方式建立異常資訊 getter noargsconstructor allargsconstructor public enum exceptinenums建...

乙個簡單的demo認識訊號

include include void signal handler fun int signum intmain int argc,char ar 一 函式宣告 include typedef void sighandler t int sighandler t signal int signu...