4 回答

TA貢獻(xiàn)1815條經(jīng)驗(yàn) 獲得超13個(gè)贊
setState
是異步的,所以當(dāng)你這樣做的時(shí)候this.props.onLogIn
,狀態(tài)中的值還沒(méi)有更新。您需要在 setState 的回調(diào)中運(yùn)行最后幾行。查看何時(shí)使用 React setState 回調(diào)

TA貢獻(xiàn)1858條經(jīng)驗(yàn) 獲得超8個(gè)贊
使用 setState 回調(diào)
submitForm = () => {
this.setState((state) => ({
isAuthenticated: true,
userName: state.userName,
}), () => {
this.props.onLogIn(this.state.isAuthenticated, this.state.userName);
this.props.history.push("/predict");
});
};

TA貢獻(xiàn)1830條經(jīng)驗(yàn) 獲得超3個(gè)贊
其他答案解釋了 this.setState 是如何異步的。要解決您關(guān)于 this.state 為何不起作用的問(wèn)題: this.state 僅訪問(wèn)狀態(tài)的值。您不能像設(shè)置另一個(gè)變量那樣設(shè)置狀態(tài)。您需要使用 this.setState。
另外一個(gè)替代解決方案是簡(jiǎn)化您的代碼,因?yàn)橐阎猧sAuthenticated是true:
submitForm = () => {
this.setState({
isAuthenticated: true,
});
this.props.onLogIn(true, this.state.userName);
this.props.history.push("/predict");
};

TA貢獻(xiàn)1818條經(jīng)驗(yàn) 獲得超8個(gè)贊
setState 是異步的,因此當(dāng)您執(zhí)行 this.props.onLogIn 時(shí),如果沒(méi)有一次渲染,狀態(tài)中的值不會(huì)更新。像這樣檢查 setState 的第二個(gè)參數(shù)。
submitForm = () => {
this.setState({
isAuthenticated: true,
userName: this.state.userName,
}, () => {
this.props.onLogIn(this.state.isAuthenticated, this.state.userName);
this.props.history.push("/predict");
});
};
添加回答
舉報(bào)