反应-在“小型组件”上过度使用

Question

所以我已经在React上工作了几年了，最近我团队中的人们开始做这样的事情：

const InputContainer = (props) => {
    const className = props.className;
    return <div {...{ className }}>
        {props.children}
    </div>;
};

这基本上就是用div编写class并渲染子级。

所以现在我的问题是：在我看来，这只是矫over过正，没有用。它仅出于使用html标签的目的而创建组件。 你觉得呢？

为什么我可以这样做

<div>
    <p> ....
</div>

在一个组成部分中？

我不反对使用小的组件，但是在我看来，这太多了，并且使所有东西膨胀，而不仅仅是使用html。

Answer 1

我认为这太过分了。 您确定这不是在开玩笑吗？ ;）
我当然是在开玩笑。严重的是，在我看来，这使代码的可读性和维护难度更高。