小编Ale*_*Luz的帖子

将 SWR 与 Redux 一起使用是正确的还是好的做法?

我正在使用SWR

在我的代码中,我使用了两者的交界处,如下所示

const vehiclesStates = useSelector(({ vehiclesStates: state }) => state); // REDUX
const response = useFetch("/vehicles/states") // SWR
const dispatch = useDispatch(); // REDUX

// REDUX
useEffect(() => {
  if(response.data) dispatch(VehiclesStatesActions.setVehiclesStates(response.data.result))
}, [response.data, dispatch]);

if(response.error) return <div>ERROR - {response.error.toString()}</div> // SWR
else if(!response.data) return <div>LOADING</div> // SWR

// If there is a return I render my component
return (<></>)
Run Code Online (Sandbox Code Playgroud)

在上面的这段摘录中,我使用我使用 SWR(与 axios 集成)返回的数据在 redux 中设置了我的组件状态。这样,在需要使用相同数据的任何其他组件中,我只使用 redux 的useSelect导入它。

这边走

const vehiclesStates = useSelector(({ vehiclesStates: state }) => …
Run Code Online (Sandbox Code Playgroud)

javascript typescript reactjs react-redux swr

3
推荐指数
2
解决办法
2538
查看次数

标签 统计

javascript ×1

react-redux ×1

reactjs ×1

swr ×1

typescript ×1