開始使用 ESLint 并遇到了 PropType 的幾個問題，目前我有一個道具children，現在假設這個道具是一個string. 我收到一個錯誤'children' is missing in props validationeslint(react/prop-types)，為了解決這個問題，我只是PropTypes像這樣使用：CartProvider.propTypes = {  children: PropTypes.string,}以上解決了問題，然后我又遇到了另一個問題 propType "children" is not required, but has no corresponding defaultProps declaration.eslint(react/require-default-props)所以為了解決這個問題，我添加了另一個 PropType 像這樣：CartProvider.defaultProps = {  children: PropTypes.string,}所以我的理解是，每次我使用道具時，我都需要使用propTypeand defaultProps。好的，這解決了string基于道具的問題。但實際上這個道具是一個array然后array我得到了其他問題Prop typearray is forbiddeneslint(react/forbid-prop-types)。請幫助我理解為什么 ESLint 將這些道具標記為錯誤，我知道如何禁用它，但我想了解它為什么會發生，然后編寫更好的代碼。這是一個示例項目：購物車上下文import React from 'react'import PropTypes from 'prop-types'export const CartContext = React.createContext(null)export const CartProvider = ({ children }) => {  const [cartTotal, setCartTotal] = React.useState(0)  const incrementCartTotal = () => setCartTotal(cartTotal + 1)  return (    <CartContext.Provider      value={{        cartTotal,        incrementCartTotal,      }}    >      {children}    </CartContext.Provider>  )}CartProvider.propTypes = {  children: PropTypes.string,}CartProvider.defaultProps = {  children: PropTypes.string,}應用程序import React from 'react'import { CartContext, CartProvider } from './CartContext'function CartTotalItems() {  const { cartTotal } = React.useContext(CartContext)  return (    <p>      Total items currently in cart:      {cartTotal}    </p>  )}function AddToCart() {  const { incrementCartTotal } = React.useContext(CartContext)  return (    <button type="button" onClick={incrementCartTotal}>      Add to cart    </button>  )}export default function App() {  return (    <CartProvider>      <CartTotalItems />      <AddToCart />    </CartProvider>  )}更新 這對我有用，刪除 2 PropTypes 并添加以下內容：CartProvider.propTypes = {  children: PropTypes.node.isRequired,}