React native 使用put-in回调
我正在使用react native with saga,我想在请求成功时发出警报。我想知道如何在警报回调中执行操作,以及是否有更好的方法React native 使用put-in回调,react-native,redux-saga,React Native,Redux Saga,我正在使用react native with saga,我想在请求成功时发出警报。我想知道如何在警报回调中执行操作,以及是否有更好的方法 function* userRequest(action) { try { const user = yield call(Api.post, Routes.REQUEST_USER, params); yield put({type: types.REQUEST_OK, user: user}); } catc
function* userRequest(action) {
try {
const user = yield call(Api.post, Routes.REQUEST_USER, params);
yield put({type: types.REQUEST_OK, user: user});
} catch(e) {
yield put({type: types.REQUEST_FAILED, user: user});
}
}
function* requestOk(action) {
Alert.alert(
'User',
'User request ok!',
[
//I know this is wrong
{text: 'OK', onPress: () => yield put({type: types.NAVIGATION_BACK})},
],
{ cancelable: false }
)
}
function* userSaga() {
yield takeEvery(types.USER_REQUEST, userRequest);
yield takeEvery(types.REQUEST_OK, requestOk);
}
谢谢你
takeEvery
采用可选参数,因此我发现最好的方法是将您的存储传递到传奇,然后使用store.dispatch
启动您的操作:
import {createStore} from 'redux';
const store = createStore(...) // you'll already have this somewhere
---
function* userSaga(store) {
yield takeEvery(types.REQUEST_OK, requestOk, store);
---
function* requestOk(store, action) { // store is now the first arg
Alert.alert(
'User',
'User request ok!',
[
{text: 'OK', onPress: () => store.dispatch({type: types.NAVIGATION_BACK})},
],
{ cancelable: false }
)
}
您可以将
Alert.Alert()
方法写入承诺中,并根据用户选择的选项解决或拒绝
在承诺内创建警报
function showAlert(){
return new Promise((resolve, reject) => {
Alert.alert(
'User',
'User request ok!',
[
{text: 'OK', onPress: () => resolve('confirmed') },
{text: 'Cancel', onPress: () => reject('canceled')}
],
{ cancelable: false }
)
})
}
在你的发电机里
function* requestOK(){
try{
const confirm = yield call(showAlert);
//promise resolved, user confirmed
yield put({type: types.NAVIGATION_BACK});
}catch(error){
//user selected cancel
}
}
您可以使用eventChannel
function alert(){
return eventChannel(emitter => {
Alert.alert(
'User',
'User request ok!',
[
{text: 'OK', onPress: () => emitter('OK')},
],
{ cancelable: false }
)
})
}
function* saga(){
yield takeEvery(types.REQUEST_OK, function*(){
const channel = yield alert()
// while(true){
const button = yield take(channel)
yield put({type: types.NAVIGATION_BACK})
// }
});
}
我认为这不是正确的解决办法。有没有其他方法可以在你找到的回调中使用put?直接调用
store.dispatch
在saga中似乎太激烈了你能弄明白这一点吗?我也需要这样做。