首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在ReactJS中添加有条件的选择属性

在ReactJS中添加有条件的选择属性
EN

Stack Overflow用户
提问于 2018-03-02 22:05:56
回答 1查看 623关注 0票数 3

只有在值存在的情况下,我才想添加咏叹调属性,否则就添加该属性。

需要代码才能使此属性具有条件。

这是我的下拉代码:

代码语言:javascript
运行
复制
<select
    id={field.id}
    name={field.name}
    value={field.value}
    aria-describedby=this.getAriaDescribedby(valid)}
    aria-required={field.required ? 'true' : null}
    {...inputEventHandlers}
/>

提前谢谢。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2018-03-02 22:33:53

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

代码语言:javascript
运行
复制
const conditionalValues = () => {
            if (field.value) {

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

然后在select中使用它:

代码语言:javascript
运行
复制
<select
    id={field.id}
    name={field.name}
    value={field.value}
    {...conditionalValues()}
    aria-required={field.required ? "true" : null}
    {...inputEventHandlers}
/>

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/49078104

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档