1. 确认 UI 组件是否正确连接 Redux store，是否正确调用了获取数据的 action
2. 确认 API 获取数据的代码是否正确，数据是否成功获取
3. 确认数据是否正确存储到 Redux store 的 state 中，可以使用 Redux DevTools 查看 state 是否更新
4. 检查 UI 组件是否正确获取了 Redux store 中的数据，是否正确绑定到组件上

示例代码：

// action.js export const fetchData = () => { return async (dispatch) => { try { const response = await fetch('https://jsonplaceholder.typicode.com/todos') const data = await response.json()

  dispatch({ type: 'FETCH_DATA_SUCCESS', payload: data })
} catch (error) {
  dispatch({ type: 'FETCH_DATA_FAILURE', payload: error.message })
}

} }

// reducer.js const initialState = { data: [], loading: false, error: null }

export const dataReducer = (state = initialState, action) => { switch (action.type) { case 'FETCH_DATA': return { ...state, loading: true } case 'FETCH_DATA_SUCCESS': return { ...state, loading: false, data: action.payload } case 'FETCH_DATA_FAILURE': return { ...state, loading: false, error: action.payload } default: return state } }

// component.js import { useDispatch, useSelector } from 'react-redux' import { fetchData } from './action'

const Component = () => { const dispatch = useDispatch() const { data, loading, error } = useSelector(state => state)

useEffect(() => { dispatch(fetchData()) }, [dispatch])

if (loading) { return

if (error) { return

return (

{data.map(item => (
• {item.title}
))}