Reactjs 反应还原剂初始状态未显示为ExpExtend
我确实将initialState设置到了reduce中,如下所示,但是在加载页面时,细节按钮没有被禁用。Reactjs 反应还原剂初始状态未显示为ExpExtend,reactjs,redux,Reactjs,Redux,我确实将initialState设置到了reduce中,如下所示,但是在加载页面时,细节按钮没有被禁用。 var rootReducer = Redux.combineReducers({ reducreForButtonGroup,reducreForButtonGroup2 }); 函数reduceReforButtongGroup 2(状态=初始状态2,操作){ } 动作创作者 var initialState = { value:15 } 新还
var rootReducer = Redux.combineReducers({
reducreForButtonGroup,reducreForButtonGroup2
});
函数reduceReforButtongGroup 2(状态=初始状态2,操作){
}
动作创作者
var initialState = {
value:15
}
新还原
function clickAdd() {
return {
type: 'CLICK_ADD'
}
}
组件
function reducreForButtonGroup(state = initialState, action) {
if (typeof state === 'undefined') {
return 0
}
var value;
switch(action.type) {
case 'CLICK_ADD': {
console.log("2");
return {
value: state.value + 1
}
}
default :{
return state
}
}
}
您有拼写问题,它应该是
const{disabled}=this.props
和disabled={disabled}
我相信它应该能工作
同时注销您从该州获得的信息,因为我认为应该是:
function select(state) {
return {
value: state.reducreForButtonGroup.value
}
}
const NewButtonGroup = connect(select)(ButtonGroup);
还有人认为它被称为
reducer
而不是reducer
。你把它拼错了好几次 谢谢您的回复,但在我更改拼写问题后仍然无效。很抱歉再次打扰您。凯文·阿米拉诺夫,我试图以相同的方式在同一家商店下再添加一个减速机,但无效~~您介意再次帮助我吗
function reducreForButtonGroup(state = initialState, action) {
if (typeof state === 'undefined') {
return 0
}
var value;
switch(action.type) {
case 'CLICK_ADD': {
console.log("2");
return {
value: state.value + 1
}
}
default :{
return state
}
}
}
var ButtonGroup = React.createClass({
clickAdd(event) {
this.props.dispatch(clickAdd());
} ,
render() {
const { value } = this.props;
return (
<ButtonToolbar style={{width: 17+ 'em'}} >
<Button id="search" style={{width: 5 + 'em'}}>{value}</Button>
<Button onClick={this.clickAdd} style={{width: 5 + 'em'}}>Create</Button>
</ButtonToolbar>
);
}
});
function select(state) {
return {
value: state.reducreForButtonGroup.value
}
}
const NewButtonGroup = connect(select)(ButtonGroup);
function select(state) {
console.log(state);
return {
disabled: state.reducreForButtonGroup2.disabled
}
}