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

Question

i do have a react class component with state in it.

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,
  }
}

is it possible to store these state somewhere in store and import it to this component.if so can you guys please help me to do so. am new to redux.

Any help will be highly helpful

Answer 1

This could be done easily. What you have to do is add those variables in your reducer to a respective store (let call the store as 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:
    ......
}

Now, this should be available from your component as props. For this should use mapStateToProps method.

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);

To change the value of a state you have to dispatch an action through mapDispatchToProps

Answer 2

You should not have the state inside the component but if you want to it you need to you need to have2 things a action and a reducer. In the reducer, you just have set the state

dispatch(createState(state))

you need to add that in your component but I would suggest highly against it. SO the right way to do it create you reducer.js and ad this state there.

  const myReducer = (initialState = state, action) => {
  switch (action.type) {
   ....
  }
};

so when you create your reducer just pass the initial state there. I hope that helps!