props 驗證中缺少“children”——不是 props.children

Question

道具驗證中缺少“孩子” 在下面的代碼片段中，孩子 a 是未知的

import React, { useReducer } from 'react'
export const AuthContext = React.createContext()
const authReducer = (state, action) => {
  switch (action.type) {
    case 'login':
      const token = action.payload
      localStorage.setItem('token',token)
      return {state:token}
    default:
      return state
  }
}
const AuthContextProvider = (props) => {
  const [state, dispatch] = useReducer(authReducer, '')
  return(
  <AuthContext.Provider value={{state, dispatch}}>
    {props.children}
  </AuthContext.Provider>
  )
}
export default AuthContextProvider

請幫我

Answer 1

您需要按照錯誤說明添加道具類型，在export default AuthContextProvider之前添加它，並使用npm i prop-types --save安裝它

import PropTypes from "prop-types"

AuthContext.propTypes = {

children: PropTypes.node.isRequired,

}