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

user_11749004 0
Viewed 89

I learn React JavaScript and now I have this problem.

Reading the w3schools about fieldsset

I wanted in this code to use the currentEditableFile if it's true to set fieldset = enabled but it's not working using the ternary as you see here:

<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
2 Answers
user_117669470

You can do it this way. Set the value of disabled equal to !currentEditableFile, which means if the currentEditableFile is true, disabled on the fieldset will be 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>
user_131928670
Related