reactjs - 在ReactJS中添加条件选择属性

Question

我想仅在值存在时添加 aria-scribedby 属性，否则添加该属性。

需要代码来使该属性成为有条件的。

这是我的下拉代码:

<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
    id={field.id}
    name={field.name}
    value={field.value}
    {...conditionalValues()}
    aria-required={field.required ? "true" : null}
    {...inputEventHandlers}
/>

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