我正試圖使用useReducer鉤子從API中獲取資料，然后更新狀態。由于這是一個小型專案，我試圖避免使用 useContext，而只是將調度函式作為道具傳遞下去。
我之前的做法是使用普通的還原器來操作狀態，并使用asyncReducer來獲取資料，但是我不知道如何將這兩者結合起來使用。希望得到任何指導。我將在下面提供一個完整代碼的鏈接。只要訪問 repo 并按下句號鍵（.）就可以查看。要看的主要檔案是App.js、reducer.js和 letters.jsx
。[]https://github.com/robert-levy/cocktail-finder
uj5u.com熱心網友回復：
從檢查你之前的應用程式的代碼來看，我不確定這是否能作業，但讓我們看看。改變你需要的東西，以反映我這里的內容。
span class="hljs-keyword">import { reducer, asyncReducer initialState } from './state/reducer'
const App = (/span>) => {
const [state, dispatch] = useReducer(reducer, initialState)
return (
<div className="App"/span>>
<NavigationBar />/span>
<Container>/span>
<Row>/span>
<Letters dispatch={asyncReducer(dispatch)} />
</Row>
<Row className="justify-content-center" >
<SearchBar />
</Row>/span>
<Row>/span>
<Cocktails />>
</Row>
</Container>
</div >
);
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/329891.html
標籤：