Question

对你来说，React geniuses很容易让人感到轻松。对我来说，学习这些东西，而不是......但我尝试:)这就是我想要做的事情

我正在构建小的可重用组件，并且我已成功传递道具来控制组件属性，但是一个让我不知所措的是类。请参阅下面的组件

const CMLabel = ({ classes, children, ...otherProps }) => {
    return (
        <FormLabel 
            component="label" 
            {...otherProps}
            className={classes.label}>
            {children}
        </FormLabel>

    );
};

这可以像这样使用

<CMLabel>Hello World </CMLabel>

它将使用组件中指定的标签类进行渲染，如下所示：

<label class="label">Hello World </label>

然而，我想给它更多的自由，以便能够像这样使用它：

<CMLabel className="myClass">Hello World </CMLabel>

它会以这种方式呈现（使用组件时添加组件和myClass的标签）：

<label class="label myClass">Hello World </label>

如何将此功能添加到我的道具中，以便呈现标签类和他们选择输入的附加类？我希望如何... otherProps的工作方式，但我没有让它工作。我是否需要在className={}内级联... otherProps？怎么样？

可重用反应组件中的prop类

0 个答案: