Question

打字稿的新手，有人可以解释该标志<->的含义吗？只是为了确认，ProductList实际上是一个函数吗？在以下代码中。

export const ProductList: React.FC<-> = ({
  displayLoader,
  hasNextPage,
  notFound,
  onLoadMore,
  products,
  totalCount,
}) => {
  const hasProducts = !!totalCount;

  return (
    <div className="products-list">
      <div className="products-list__products container">
        {hasProducts ? (
          <>
            <div className="products-list__products__grid">
              {products.map(product => (
                <Link
                  to={generateProductUrl(product.id, product.name)}
                  key={product.id}
                >
                  <ProductListItem product={product} />
                </Link>
              ))}
            </div>
            <div className="products-list__products__load-more">
              {displayLoader ? (
                <Loader />
              ) : (
                hasNextPage && (
                  <Button secondary onClick={onLoadMore}>
                    Load more products
                  </Button>
                )
              )}
            </div>
          </>
        ) : (
          <div className="products-list__products-not-found">{notFound}</div>
        )}
      </div>
    </div>
  );
};

请咨询。非常感谢。

Answer 1

应该有一个interface来描述道具对象的形状，而不是-。应该看起来像这样React.FC<IProductListProps>。复制粘贴时可能会遇到该错误。在TypeScript中没有像<->这样的运算符

谁能在打字稿中解释<->

1 个答案: