如果我使用Redux Toolkit和RTK-Query需要什么?

Question

我正在使用Redux Toolkit (RTK)和Redux Toolkit Query (RTK-Query)。

在任何场景中，仍然使用thunks是最佳实践、必要的还是建议的，还是应该将所有逻辑移动到组件中?(如以下handleLogin())

const Login = () => {
const dispatch = useDispatch()
const [formState, setFormState] = useState({ name: '', password: '' })
const [login, { isLoading }] = useLoginMutation()
const { push } = useHistory()
const handleLogin = async () => {
try {
const user = await login(formState).unwrap()
dispatch(setCredentials(user));
} catch (e) {
console.error(e)
}
}

return (
<div>
<input type="text" name="name" placeholder="name" />
<input type="password" name="password" placeholder="password" />
<button onClick={handleLogin}>Login {isLoading ? '...' : ''}</button>
</div>
)
}
export default Login

Answer 1

正如我们在RTK查询文档中特别提到的

RTK Query是一个功能强大的数据抓取和缓存工具。它旨在简化在web应用程序中加载数据的常见情况，消除了手写数据获取的需要。自己缓存逻辑。

如果你愿意，你仍然可以用其他方法编写额外的逻辑，但是RTKQ的目标之一是API定义可以完全取代手工编写任何代码或其他异步逻辑的需要。