'I have array elements ["Arch","Subject"] and want to display in Checkbox title like checkbox - Arch 2)checkbox - Subject and so on

<Autocomplete multiple id="checkboxes-tags-demo" options={domains} disableCloseOnSelect renderOption={(props, option, { selected }) => ( <li {...props}> <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected}

                />
                {domains} //this is coming as all the tags but want single single tags 
              </li>
            )}
            style={{ width: 500 }}
            renderInput={(params) => (
              <TextField {...params} label="Checkboxes" placeholder="Favorites" />
            )}
          />


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source