javascript - 是否可以从 Redux 存储中检索特定评论评论的状态

Question

我确实有一个带有状态的 react 类组件。

class NewComponent extends Component {
  state = {
    modalIsOpen: false,
    aa: true,
    bb: false,
    cc: false,
    dd: false,
    ee: 1,
    dd: [],
    cc: [],
    ff: [],
    gg: [],
    vv: [],
    bb: '',
    rr: '',
    bb: '',
    axcx: 'recent',
    zxc: null,
    asd: [],
    qwe: '',
    asd: '',
    xc: false,
    wxc: false,
    zxcc: null,
    zxcxzc: [],
    zxc: {},
    zxc: false,
    zxc: [],
    zxc: null,
    zxc: '',
    imgGroup: aa.imgGroup,
    videoGroup: xx.videoGroup,
    docGroup: vv.docGroup,
  }
}

是否可以将这些状态存储在存储中的某个位置并将其导入到此组件中。如果可以的话，请帮我这样做。我是 redux 新手。

任何帮助都会非常有帮助

Answer 1

这很容易完成。您需要做的是将您的 reducer 中的这些变量添加到相应的存储中(让该存储称为 youstore)。

Reducer.js

const initialState = {
    modalIsOpen: false,
    aa: true,
    bb: false,
    cc: false,
    dd: false,
    ee: 1,
    dd: [],
    cc: [],
    ff: [],
    gg: [],
    vv: [],
    bb: '',
    rr: '',
    bb: '',
    axcx: 'recent',
    zxc: null,
    asd: [],
    qwe: '',
    asd: '',
    xc: false,
    wxc: false,
    zxcc: null,
    zxcxzc: [],
    zxc: {},
    zxc: false,
    zxc: [],
    zxc: null,
    zxc: ''
}

export default (state = initialState, action) => {
  switch (action.type) {
    case SOME_ACTION:
    ......
}

现在，这应该可以作为 props 从您的组件中获得。为此应该使用 ma​​pStateToProps 方法。

Your_component.jsx

const mapStateToProps = state => {
  return {
        modalIsOpen: state.youstore.modalIsOpen,
        aa: state.youstore.aa,
        bb: state.youstore.bb,
        cc: state.youstore.cc,
        dd: state.youstore.dd,
        .......
  };
};

const mapDispatchToProps = dispatch => {
  return {
    someMethod: data => dispatch(somemethod(data)),
  };
};

export default connect(
    mapStateToProps,
    mapDispatchToProps
  )(your_Component);

要更改状态的值，您必须通过 ma​​pDispatchToProps 调度操作