语义UI和样式化组件.使用它而不是普通课程，这是不是一种糟糕的做法

Question

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

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>
);

但我只发现了一个类似的例子，其余的代码都很好。

Answer 1

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