如何使用变量而不是“禁用”字禁用字段集答案

【问题标题】：How do I disable a fieldsset using a variable instead of the "disable" word如何使用变量而不是“禁用”字禁用字段集
【发布时间】：2021-05-22 23:32:33
【问题描述】：

我学习了 React JavaScript，现在遇到了这个问题。

阅读w3schools about fieldsset

我想在这段代码中使用currentEditableFile ，如果设置 fieldset = enabled 但使用三元组不起作用，如您在此处看到的：

<fieldset className={classes.tagssList} {currentEditableFile ? enabled: disabled}>
        <legend>Select Tags to include</legend>
        {tagsList.map(skill => (
            <button
                className="btn btn-warning btn-sm"
                disabled={false}
                key={skill}
                type="button"
                onClick={() => (currentEditableFile ? onSaveTag(skill) : null)}
            >
                {skill}
            </button>
        ))}
    </fieldset>

【问题讨论】：

标签： reactjs fieldset isenabled

【解决方案1】：

你可以这样做。设置disabled的值等于!currentEditableFile，这意味着如果currentEditableFile是true，fieldset上的disabled将是false。

<fieldset className={classes.tagssList} disabled={!currentEditableFile}>
        <legend>Select Tags to include</legend>
        {tagsList.map(skill => (
            <button
                className="btn btn-warning btn-sm"
                disabled={false}
                key={skill}
                type="button"
                onClick={() => (currentEditableFile ? onSaveTag(skill) : null)}
            >
                {skill}
            </button>
        ))}
    </fieldset>

【讨论】：

【解决方案2】：

请按如下方式使用：

<fieldset disabled={!currentEditableFile} >

请查看working example in sandbox

【讨论】：