如何使用变量而不是 "disable" 字来禁用字段集

Question

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

如果设置 fieldset = enabled 是真的，我希望在此代码中使用 currentEditableFile ，但如您在此处看到的那样，它无法使用三元组：

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

Answer 1

请按如下方式使用：

<fieldset disabled={!currentEditableFile} >

请检查working example in sandbox

Answer 2

你可以这样做。将 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>

如何使用变量而不是 "disable" 字来禁用字段集

How do I disable a fieldsset using a variable instead of the "disable" word

reactjs

fieldset

isenabled