0
나는 환불을 새로했습니다. 단순성으로 시작하려면 Redux를 사용하여 전역 상태 값을 표시하려고합니다.조치가 완료되지 않았습니다.
콘솔에서 동작 개체를 보려고하면 "Object {type :"@@ redux/INIT "}"가 표시됩니다. 이게 뭐야?
import React, {Component} from 'react';
import ReactDOM from 'react-dom';
import {createStore} from 'redux';
import {Provider, connect} from 'react-redux';
class AllinOne extends Component{
render(){
return (
<div>k
{this.props.globalState}
</div>
)
}
}
const store = createStore(myREducer);
store.dispatch(add);
const mapStateToProps = (globalState) => {
return { globalState: globalState }
}
// Action
const add =() => {
return {type : 'ADD'}
}
// Reducer
function myREducer(state=0, action) {
console.log('counter', action) // returns Object {type: "@@redux/INIT"}
return state;
}
export default connect (mapStateToProps)(AllinOne);
ReactDOM.render(<AllinOne />, document.getElementById('app'))
감사합니다 ... 한가지 더 ... 내가 ES6의 포맷 기능에 감속기를 작성하려고 할 때 : CONST myREducer = (상태 = 0, 액션) => { 합니다. .. } 그것은 말한다 : 감속기가 기능이 될 것으로 예상했다. 왜 ? –
작동해야합니다. 주문 문제 (변수를 사용하는 순간에 정의 된 변수)가 아니면 다시 알 수 없습니다. –
그게 흥미 롭군요. jsFiddle 또는 작동 예제가있는 요점을 설정할 수 있다면 멋질 것입니다. –