React prop 类型可以递归定义吗

React prop 类型可以递归定义，这使得在组件中传递和验证复杂的数据结构变得更加简单和灵活。通过递归定义 prop 类型，我们可以创建包含嵌套对象、数组和其他自定义数据类型的组件。

jsx
import React from 'react';
import PropTypes from 'prop-types';
const CartItem = ({ name, price, quantity }) => (
  
    
{name}
    
Price: ${price}
    
Quantity: {quantity}
  
);
CartItem.propTypes = {
  name: PropTypes.string.isRequired,
  price: PropTypes.number.isRequired,
  quantity: PropTypes.number.isRequired,
};
const ShoppingCart = ({ items }) => (
  
    
Shopping Cart
    {items.map(item => (
              key={item.id}
        name={item.name}
        price={item.price}
        quantity={item.quantity}
      />
    ))}
  
);
ShoppingCart.propTypes = {
  items: PropTypes.arrayOf(
    PropTypes.shape({
      id: PropTypes.number.isRequired,
      name: PropTypes.string.isRequired,
      price: PropTypes.number.isRequired,
      quantity: PropTypes.number.isRequired,
    })
  ).isRequired,
};
const App = () => {
  const items = [
    {
      id: 1,
      name: 'Item 1',
      price: 10,
      quantity: 2,
    },
    {
      id: 2,
      name: 'Item 2',
      price: 20,
      quantity: 1,
    },
  ];
  return ;
};
export default App;