課題 redux-saga でテキストボックスなどの値が変更されるたびにバリデーションを実行したい時、アクションが発行されすぎて入力がガックガクになってしまうことがありますよね。 (止まっているように見えますがgifアニメです) コードはこんな感じです。 import { all, takeLatest, select, call, put } from 'redux-saga/effects' export function* validateProduct(key) { const product = yield select(productSelector) const messages = yield call(productValidator, product, key) // バリデーションして yield put(finishValidate(key, messages))
![[redux-saga]フォームに高速で入力するとガックガクになる問題 - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/1a40892a78e274a4dbfeffa41228a48600157c1c/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9JTVCcmVkdXgtc2FnYSU1RCVFMyU4MyU5NSVFMyU4MiVBOSVFMyU4MyVCQyVFMyU4MyVBMCVFMyU4MSVBQiVFOSVBQiU5OCVFOSU4MCU5RiVFMyU4MSVBNyVFNSU4NSVBNSVFNSU4QSU5QiVFMyU4MSU5OSVFMyU4MiU4QiVFMyU4MSVBOCVFMyU4MiVBQyVFMyU4MyU4MyVFMyU4MiVBRiVFMyU4MiVBQyVFMyU4MiVBRiVFMyU4MSVBQiVFMyU4MSVBQSVFMyU4MiU4QiVFNSU5NSU4RiVFOSVBMSU4QyZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTU2JnR4dC1jbGlwPWVsbGlwc2lzJnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MTFkYWY4YjlhYWQwOTg0ZmYwNDA0MTEyN2ZmMDIyNjc%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwaGl5YW1hbW90byZ0eHQtY29sb3I9JTIzMjEyMTIxJnR4dC1mb250PUhpcmFnaW5vJTIwU2FucyUyMFc2JnR4dC1zaXplPTM2JnR4dC1hbGlnbj1sZWZ0JTJDdG9wJnM9MGNkMGVkMzRlMjE4Mjk5YzYwMDllOGFkYmVmOTBmMDE%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D510c0d73e573591e91a92d607f584f2d)