我正在使用 Prismic 构建一个 Gatsby 站点，当我们接近开发过程的尾声时，它开始拥有相当多的组件。
但是，我想知道，对于在整个站点的多个位置使用的组件，尽管它们可能具有不同的 props 或以不同的方式访问 GraphQL 查询，但它们的最佳实践是什么？例如，我有一个hero用于多个页面和模板的组件。
在一个地方，它可能用于 Prismic slice，而在另一个地方，它可能只是页面的一部分，没有slices.
考虑到这一点，如果我有一个headingwhich 将在切片的迭代中使用 模板化{slice.primary.heading.text}，而heading在 Prismic 的slices模板之外使用{document.heading.text}在这一点上，我坚持创建hero组件的多个版本，一个用于slice页面，另一个用于页面。
虽然在过去的一年里我对 React 和 Gatsby 有了一些很好的体验，但我对最佳实践还是很陌生。
这是使用多个组件的正确方法，还是有更好的方法来完成此操作？
问问题
67 次