Javascript 语义用户界面和样式化组件。使用它而不是普通的课程是一种不好的做法吗？

我总是自己写元素，但我找到了这个服务。我喜欢这项服务，我喜欢他们的风格和速度，但展望未来，我觉得这是不专业的。这些工具是否用于专业web开发？关于样式化组件，你怎么说？最近，我学会了只在它们上面写，这是不寻常的，但是我看到你可以在它们里面传递属性并再次使用它们，但是应用程序留下了一小堆元素。其他开发人员会理解我吗？或者这也是一种不好的做法。 下面是我的代码示例：

const CheckoutPage = ({ cartItems, total }) => (
  <CheckoutPageContainer>
    <CheckoutHeaderContainer>
      <HeaderBlockContainer>
        <span>Product</span>
      </HeaderBlockContainer>
      <HeaderBlockContainer>
        <span>Description</span>
      </HeaderBlockContainer>
      <HeaderBlockContainer>
        <span>Quantity</span>
      </HeaderBlockContainer>
      <HeaderBlockContainer>
        <span>Price</span>
      </HeaderBlockContainer>
      <HeaderBlockContainer>
        <span>Remove</span>
      </HeaderBlockContainer>
    </CheckoutHeaderContainer>
    {cartItems.map(cartItem => (
      <CheckoutItem key={cartItem.id} cartItem={cartItem} />
    ))}
    <TotalContainer>TOTAL: ${total}</TotalContainer>
    <WarningContainer>
      *Please use the following test credit card for payments*
      <br />
      4242 4242 4242 4242 - Exp: 01/20 - CVV: 123
    </WarningContainer>
    <StripeCheckoutButton price={total} />
  </CheckoutPageContainer>
);

const CheckoutPage=（{cartItems，total}）=>(
产品
描述
量
价格
去除
{cartItems.map（cartItem=>(
))}
总计：${TOTAL}
*请使用以下测试信用卡付款*


4242-Exp:01/20-CVV:123
);

---

但是我发现只有一个这样的例子，其余的代码都很好。

老实说，样式化组件或类似的东西，现在非常流行，如果不是标准的话，那么不要想太多。我个人总是使用样式化组件。我觉得它非常适合React生态系统。

什么服务？什么工具？你到底在问什么完全不清楚。您希望从代码片段中具体了解什么？我投票决定结束这个问题，因为它缺乏重点，对问题的理解似乎会导致固执己见的答案。@DrewReese Ops，我的错。我会做一些编辑。谢谢兄弟！简单的回答，爱它！