Reactjs 如何在reducer中更改状态,尝试将属性设置为true/false

Reactjs 如何在reducer中更改状态,尝试将属性设置为true/false,reactjs,react-redux,Reactjs,React Redux,我的减速器是分开的,在其中一个减速器中,我的初始状态和减速器如下所示: import Constants from '../constants'; const initialState = { fetching: true, }; const boards = (state = initialState, action) => { switch (action.type) { case Constants.BOARDS_FETCHING: return st

我的减速器是分开的,在其中一个减速器中,我的初始状态和减速器如下所示:

import Constants from '../constants';

const initialState = {
  fetching: true,
};

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return state;
    default:
      return state;
  }
};

export default boards;
{
  "presets": ["react", "es2015"],
  "env": {
    "development": {
      "presets": ["react-hmre"]
    }
  }
}
在BOARDS\u抓取情况下,如何将抓取属性更改为true

更新

My.babelrc看起来像:

import Constants from '../constants';

const initialState = {
  fetching: true,
};

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return state;
    default:
      return state;
  }
};

export default boards;
{
  "presets": ["react", "es2015"],
  "env": {
    "development": {
      "presets": ["react-hmre"]
    }
  }
}
错误:


您应该在
case Constants.BOARDS\u FETCHING
子句中设置它:

import Constants from '../constants';

const initialState = {
  fetching: true,
};

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return {...state, fetching: true};
    default:
      return state;
  }
};

export default boards;

您应该在
case Constants.BOARDS\u FETCHING
子句中设置它:

import Constants from '../constants';

const initialState = {
  fetching: true,
};

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return {...state, fetching: true};
    default:
      return state;
  }
};

export default boards;

您需要安装
变换对象静止排列

 "plugins": ["transform-object-rest-spread"]

有关更多信息,请检查您需要安装的
变换对象静止排列

 "plugins": ["transform-object-rest-spread"]
有关更多信息,请检查并替换此:

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return state;
    default:
      return state;
  }
};
致:

替换此项:

const boards = (state = initialState, action) => {
  switch (action.type) {
    case Constants.BOARDS_FETCHING:
      return state;
    default:
      return state;
  }
};
致:


这就是我尝试过的,但是我在./src/reducers/boards.js模块构建失败中得到了一个错误:
SyntaxError:Unexpected token(15:14)
它似乎不喜欢。。。可能?看起来不接受扩展运算符(es6)。问题可能来自您的构建配置。你能在其他任何地方使用这种语法吗?@RIYAJKHAN添加了截图,这就是我尝试的,但我在./src/reducers/boards.js模块构建失败:SyntaxError:Unexpected token(15:14)
中得到一个错误。。。可能?看起来不接受扩展运算符(es6)。问题可能来自您的构建配置。你能在其他任何地方使用这种语法吗?@RIYAJKHAN添加了屏幕快照state-0中是否包含了这种语法?还是更全面的?@Blankman preset-stage-0/不包括扩展操作符插件。选中此处,您不应像此返回对象那样更改state-use-object.assign.assign({},…state,fetching:true);州-0中包括了吗?还是更全面的?@Blankman preset-stage-0/不包括扩展操作符插件。选中此处,您不应像此返回对象那样更改state-use-object.assign.assign({},…state,fetching:true);我真的是以另一种方式改变状态吗?我真的是以另一种方式改变状态吗?