如何显示弹出反应，点击按钮时出错？

Question

你能告诉我如何显示弹出反应，按钮点击时出错吗？

按钮点击时出现错误

Actions may not have an undefined "type" property. Have you misspelled a constant?

这是我的代码https://codesandbox.io/embed/6y402kly73

showSignInPopUp = () => {
    console.log(this.props.actions)
    this.props.actions.showHideLoginPopup(true);
  };

Answer 1

您必须在操作对象中指定密钥名称type。

// wrong object key name
export function showHideLoginPopup(visibility){
   return {
     action: types.SHOW_HIDE_LOGIN_POPUP,
     payload: visibility
   }
}

你应该写这样的

export function showHideLoginPopup(visibility){
   return {
     type: types.SHOW_HIDE_LOGIN_POPUP,
     payload: visibility
   }
}

希望它会有所帮助

Answer 2

您的loginActions没有必需的参数type。像这样改变

return {
 type: types.SHOW_HIDE_LOGIN_POPUP,
 payload: visibility
}

您的login.reducer中有另一个错误，

switch (action.type) {
case types.SHOW_LOGIN_POPUP: // Change to SHOW_HIDE_LOGIN_POPUP
  state = action.payload;
  return state;
default:
  return state;
}

希望能帮助到你 ：）