çalışmıyor bağlanıyorsanız, ancak bağlantı pervane enjekte edilmez, Tepki-Redux benim codepen kalem + Redux Tepki kullanmaya çalışıyorum
Belki onun amatör olmanın çünkü, bir şey eksik. Lütfen bir göz at. Ayrıca http://codepen.io/sahil28v/pen/EKEKME?editors=0010const { Component } = React;
const { createStore, bindActionCreators, applyMiddleWare, combineReducers } = Redux;
const { Provider, connect } = ReactRedux;
const Application =() => (
<div className="ground">
<Tmap />
</div>
);
class Tmap extends Component {
constructor(props){
super(props);
console.log(this.props.mapstate); // This is returning undefined,no idea why
console.log(store.getState().mapstate); // Though this returns val: "hey" as it should properly though.
}
render() {
return (
<div>
</div>
);
}
}
const mapStateToProps = (state) => ({
mapstate: state.mapstate
});
connect(mapStateToProps)(Tmap);
const initialState = {
val: "hey"
}
const mapReducer = (state = initialState, action) => {
return state ;
} ;
const rootReducer = combineReducers({
mapstate: mapReducer,
});
const store = createStore(rootReducer);
React.render(
<Provider store={store}>
<Application />
</Provider>, document.getElementById('app')
);
,,, ben de buraya mağaza yapılandırabilirsiniz redux DevTools'un (krom uzantısı) kullanmak için kendini codepen. Eklemeyi denedim ... window.devToolsExtension? window.devToolsExtension(): f => f, mağaza oluştur ama işe yaramıyor. yardım
Hey sayesinde Evet figüran olarak devleti getiriyor mu ama ben her dersten önce @connect (...) eklemeniz gerekir demek & çok değişiklikleri saklamak için tasalamıştır ?. Bu durumda bir mapDispatchToProps nasıl çalışır. Ayrıca bu react-redux.min.js işi değil -> Yerel ortamda iyi çalışıyor gibi görünüyor. Kaybettiğim bir şey olmalı, ki onu tıklamıyor. – user4076248
Teknik olarak evet. Ama birkaç konteyner bileşenini 'bağlamak' tercih edersiniz. 'connect'' mapStateToProps' ve 'mapDispatchToProps' öğelerini alır, daha sonra '@connect (state => ({...}), dispatch => ({addTodo: (value) => dispatch (addTodo) (value))})) ve 'actions' dosyasında' addTodo' işlevini açıklayın: const addTodo = value => dispatch (...). (girinti için özür dilerim) –
Cevabınızı kabul etmekten memnuniyet duyuyorum, çünkü bir dekoratör olarak bağlantı eklediğimde, aslında, gönderdiğimde başlaması gereken pervane olarak eyaleti enjekte ediyor. Yine de ben hala benimle (mapStateToProps) (ComponentName) tepki-redux.min.js dosyasını aldığımda neden çalışmadığıyla ilgili merak ettim. Lütfen görüşünüzü, neden çalışmadığınıza dair olarak paylaşın. Yine, yardım için teşekkürler. – user4076248