Untitled
plain_text
19 days ago
2.0 kB
1
Indexable
Never
<Autocomplete value={valueSubCategori} onChange={(event, newValue) => { if (typeof newValue === "string") { setValueSubCategori({ name: newValue, }); } else if (newValue && newValue.inputValue) { // Create a new value from the user input setValueSubCategori({ name: newValue.inputValue, }); } else { setValueSubCategori(newValue); } }} filterOptions={(options, params) => { const filtered = filter(options, params); const { inputValue } = params; // Suggest the creation of a new value const isExisting = options.some( (option) => inputValue === option.name ); if (inputValue !== "" && !isExisting) { filtered.push({ inputValue, name: `Add "${inputValue}"`, }); } return filtered; }} selectOnFocus clearOnBlur handleHomeEndKeys id="free-solo-with-text-demo" options={dataSubCategori} getOptionLabel={(option) => { // Value selected with enter, right from the input if (typeof option === "string") { return option; } // Add "xxx" option created dynamically if (option.inputValue) { return option.inputValue; } // Regular option return option.name; }} renderOption={(props, option) => <li {...props}>{option.name}</li>} sx={{ width: 300 }} freeSolo renderInput={(params) => ( <div className="_font-bold"> <TextField {...params} label="گروه" /> </div> )} />