typescript 中的 useContext 和 useReducer

Question

我是typescript的新手，我正在实施 react useContext 和 useReducer。 我正在关注一个教程，但我得到一个Parameter 'action' implicitly has an 'any' type. 在我的减速机 function 中。

减速机function

function reducer(state, action) { // error Parameter 'action' implicitly has an 'any' type.
     return { count: state.count + 1 }
}

计数提供者

   const [state, dispatch] = useReducer(reducer, {
    count: 0
   })

Answer 1

您必须将操作类型指定为 any 或以通用形式执行。 如果您想构建动作，您可以创建一个界面。

function reducer(state, action: { [key: string]: string|number }) { // error Parameter 'action' implicitly has an 'any' type.
    return { count: state.count + 1 }
}