想象一下，我的反应应用程序中有一个卡片列表。所以我将有两个组件，<ListCard />和<Card />。我的疑问是，在我工作的地方，当我们有这样的事情时，我们通常会在接收 JSX 的<ListCard />name中声明一个变量Card，但我不知道这是否是一件好事。最近我遇到了这种方法的一些问题，但我没有发现有人说要不要这样做。
想象一下我没有<Card />在应用程序中的任何地方使用
我们声明ListCard 的方式
const ListCard = () => {
const cards = [
{ title: '1', id: 1 },
{ title: '2', id: 2 },
];
const Card = ({ title }) => <div>{title}</div>;
return (
<div>
<h1>List of Cards</h1>
{cards.map(card => (
<Card title={card.title} key={card.id} />
))}
</div>
);
};
我想知道是否最好在 ListCard 之外声明，就像这样。
const Card = ({ title }) => <div>{title}</div>; …