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

您的 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;
}

希望有所帮助：）

Answer 2

您必须在操作对象中提供密钥名称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
   }
}

希望它会有所帮助

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

2 个答案: