Question

我有一个const urls = ['some_url1', 'some_url2']组件，该组件由其他组件组成，并使用React。看起来像：

semantic-ui-react

export const RadioGroup = (props) => { const { value, options, label, onChange, margin, widths, ...baseProps } = props return ( <InlineFormGroup margin={margin} widths={widths}> {/* eslint-disable-next-line jsx-a11y/label-has-for */} {label && <label>{label}</label>} {options.map(option => <BaseSemanticInput ...中我展示了很多内容。我想要的是拥有另一个组件...，该组件与上面显示的RadioGroupVertical几乎相同，只是它在RadioGroup上应该具有group属性。我有点不想复制粘贴大型组件来进行如此小的编辑，但是不确定如何进行这种属性修改。

Answer 1

不确定我是否完全理解，但是：

let otherProps = {};
if(baseProps && baseProps.group) {
  otherProps.group = baseProps.group;
}

<InlineFormGroup margin={margin} widths={widths} {...otherProps}>

覆盖React组件中的内部元素属性

1 个答案: