react入門系列之如何拆分ui元件和容器元件

/**

* 元件就是乙個需要借書的人，通過 dispatch 傳達 action （書名）給圖書管理員（store）
*/import react, from 'react';
import from "antd";
import store from './store'; // 引入圖書管理員 store
// 引入action
import from './store/actioncreators'
// import from './store/actiontypes'
import "antd/dist/antd.css";
constructor(props)
render() 
刪除} />
);} handleinputchange(e) 
*/const action = getinputchangevalue(e.target.value)
store.dispatch(action); // 傳達給store
console.log(e.target.value)
} // 新增
addtodolist() 
store.dispatch(action)
} else 
*/if (this.state.inputvalue) else 
} // 刪除
delettodolist(index) 
*/const action = getdelettodolistvalue(index)
store.dispatch(action)
} handlestroechange() 
}

import react, from 'react';

import from "antd";
render() 
}style=}
>刪除
)} />)}
}

/**

* 元件就是乙個需要借書的人，通過 dispatch 傳達 action （書名）給圖書管理員（store）
*/import react, from 'react';
import from "antd";
import store from './store'; // 引入圖書管理員 store
// 引入action
import from './store/actioncreators'
// import from './store/actiontypes'
import "antd/dist/antd.css";
constructor(props)
render() 
handleinputchange = 
delettodolist = 
addtodolist = 
list = 
/>)
} handleinputchange(e) 
*/const action = getinputchangevalue(e.target.value)
store.dispatch(action); // 傳達給store
console.log(e.target.value)
} // 新增
addtodolist() 
store.dispatch(action)
} else 
*/if (this.state.inputvalue) else 
} // 刪除
delettodolist(index) 
*/console.log(index)
const action = getdelettodolistvalue(index)
store.dispatch(action)
} handlestroechange() 
}

react入門系列之redux saga中介軟體

store中index檔案 import creatsagamiddleware from redux saga import todosagas from saga import todolistreducer from reducer 引入圖書列表 const composeenhancers ...

react系列（1）入門

react對初學者入門較難，它也是現在前端三大主流框架之一。想了想，還是寫一些文章吧，一來可以幫助想學習react的初學者，二來也可以總結經驗，把這些知識點共享出來。在挑選react版本的時候，發現react最新版的v16.x和v15.x之間會有api出入。比如，v16.x不再支援最基本的渲染元件r...

U盤系列 之U盤掛載資訊的獲取

程式內讀取 etc mtab或者 proc mounts，解析字串較為繁瑣，可以使用mntent提供的方便函式 file setmntent const char filename,const char type struct mntent getmntent file filep int endm...