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

Question

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

阅读有关字段集的 w3schools

我想在这段代码中使用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>

Answer 1

请按如下方式使用：

<fieldset disabled={!currentEditableFile} >

请检查沙箱中的工作示例

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>