4 回答

TA貢獻1982條經驗 獲得超2個贊
你的onClick是否正常工作,只是忽略了道具,有時點擊在某些組件上不起作用,你可以試試這個
<Btn onClick={() => {console.log("clicked"); logout()}}>Logout</Btn>

TA貢獻1828條經驗 獲得超13個贊
我的問題解決了!
錯誤的原因是event.stopImmediatePropagation();
。
Bug 的場景是這樣的。
單擊注銷按鈕。(退出按鈕包含在 Memu 組件中)
菜單組件的執(zhí)行事件。(菜單組件是主體包含的模態(tài)。)
停止事件傳播。
注銷按鈕無法使用。
我有這個錯誤超過 6 小時。這只是我的錯誤?。?!

TA貢獻2080條經驗 獲得超4個贊
在我的代碼中,只是樣式化組件。
這是不需要的操作的原因嗎?
import styled from 'styled-components'
const Btn = styled.button`
position: relative;
display: inline-block;
float: right;
width: 100px;
height: 30px;
font-size: 0.8rem;
line-height: 30px;
margin: 15px 0 15px auto;
border-radius: 4px;
border: 1px solid #eee;
text-align: center;
cursor: pointer;
transition: .2s ${transition};
${noselect}
&:hover,
&:active {
background-color: ${palette.gray8};
color: white;
}
${media.small} {
width: 80px;
}
`;

TA貢獻1801條經驗 獲得超8個贊
你handleDeleteAuth的沒有綁定到組件。請?zhí)砑觢ogout={this.handleDeleteAuth.bind(this}或更改為箭頭功能:
const handleDeleteAuth = () => {
console.log("Logout Successful!");
this.setState({
info: {
id: '',
name: '',
img: '/icons/user.png',
}
});
}
添加回答
舉報