Reduxクリーンアップ#2(stateとdispatchの関係)

1536 ワード
生活コード redux React テキストリンク

Store


情報はstoreという銀行に格納されます.
stateという実際の情報が格納されており、直接アクセスすることはできません.
storeを作成するにはreduceという関数を作成して提供する必要があります.
実は減速機が一番難しいです.△わかりにくい.目標はReduserを学ぶことです...
// reducer 함수 호출.. 
function reducer(oldState, action) {

//...
이곳을 작성하는것이 리덕스를 만드는 일이라 해도 관이 아님. 정말 중요한 역할을 
하는것이 리듀서임. 
}
// 리덕스의 크리에이트 스토어가 되면 스토어가 생성이됨. (꼭줘야할 인자는 reducer)
var store = Redux.createStore(reducer)

render


uiの作成は、作成するコードです.リポジトリに直接接続された
禁止されているので、銀行のお金に直接触れることができず、窓口職員を通して解決するようになっています.
次の3つの重要な関数があります.
dispatch, subscribe , getstate
レンダリングと連携してアプリケーションを作成する必要があります.
以下の構成とする.
function render() {

var state = store.getState();
//

document.querySelector('#app').innerHTML =

<h1>WEB</h1>

Renderはstate値を参照してuiを作成します.
現在のステータスを反映するuiが作成されるので、ステータス値を変更するたびにrender関数を呼び出すとどのくらい良いですか?UIは更新されますか?その時は「購読」関数を使っていました
store.subscribe(render)
このように登録すると、STATE値を変更するたびにUI値がリフレッシュされる.
[開発ログ]アプリケーション開発1週目:
[programmers]level 1-不足金額の計算(lang:swift)