問題描述

1.問題是這樣的，有一個輸入框，我想在onBlur時機去驗證該值在數(shù)據(jù)庫中是否已經(jīng)存在，就像我們平時注冊郵箱的時候會實時提示該郵箱名稱是否已經(jīng)被使用。之前在jquery時代可以是指ajax請求為同步。但是，在antd+dva框架中請求都是通過dispatch發(fā)起的，在這種情況下該如何實現(xiàn)呢？

問題解答

你可能還沒有完全搞清楚 Redux 相關(guān)的一些概念。

dispatch 發(fā)起的并不是請求，而是一個更改全局狀態(tài)的 Action。只不過最常見的更改數(shù)據(jù)狀態(tài) Action 的場景是【發(fā)送異步網(wǎng)絡(luò)請求】，這并不代表請求必須 dispatch，也不代表 dispatch 必須在異步場景下使用。

具體到你的這個問題，一個輸入框的狀態(tài)顯然是非常局部的，顯然【在一般情境下】與頁面其它部分的狀態(tài)沒有耦合。那么這時，你完全可以不走 Dva 封裝的 Redux 那一套，而是自己封裝一個基于 fetch / axios / $.ajax 的模塊，專門提供給你這個輸入框組件使用。

最后，同步 Ajax 是糟糕的做法，建議封裝異步請求為 Promise。

@ewind 的回復正解其實我之前一直疑惑的原因在于不知道antd框架form組件validateFields方法會自動對異步操作進行阻塞，總想著異步驗證沒返回之前表單已提交的。