在ReactJS中有条件地添加select属性

Question

我想添加aria-describedby属性，只有在存在值时才添加该属性。

需要代码才能使此属性成为条件。

这是我的下拉代码：

<select
    id={field.id}
    name={field.name}
    value={field.value}
    aria-describedby=this.getAriaDescribedby(valid)}
    aria-required={field.required ? 'true' : null}
    {...inputEventHandlers}
/>

提前致谢。

Answer 1

如何定义返回对象的函数：

const conditionalValues = () => {
            if (field.value) {

                return { "aria-describedby": this.getAriaDescribedby(field.valid) };
            }
            return {};
        };

然后在select中使用它：

<select
    id={field.id}
    name={field.name}
    value={field.value}
    {...conditionalValues()}
    aria-required={field.required ? "true" : null}
    {...inputEventHandlers}
/>

您可以扩展该函数以返回所需的属性，否则返回一个空对象。