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

时间:2018-03-02 22:05:56

标签: reactjs

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

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

这是我的下拉代码:

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

提前致谢。

1 个答案:

答案 0 :(得分:0)

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

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}
/>

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