[pyroxar]

Mam taki kod:

const handleDepartmentInputChange = (selected) => {
	if (selected === null) {
	let modifiedInputs = { ...inputs };
	modifiedInputs[scope]['query_department'] = '';
	setInputs(modifiedInputs);
	} else {
	let modifiedInputs = { ...inputs };
	modifiedInputs[scope]['query_department'] = selected.value.toString();
	setInputs(modifiedInputs);
	}
};

wywala się przy undefined, jak sobie z tym poradzić z klasą?

Wydaje mi się, że selected === null zmieię na: selected === null || selected === undefined i styknie.

selected to jest wartość inputu.

#webdev #react #javascript #programowanie

[z--x]

@pyroxar: Zawsze możesz olać typy i zrobić if(selected)

[lobo]

@pyroxar: Możesz tak zrobić, możesz również zrobić

[undefined, null].includes(selected)

[pyroxar]

@z--x: znaczy, to musi być string, obiekt z wartością value.

Coś takiego wymyśliłem.

const handleDepartmentInputChange = (selected) => {
  let modifiedInputs = {

[horus666]

@pyroxar: Nie potrzebujesz ,żadnych nullchecków:

modifiedInputs[scope]['query_department'] = selected?.value?.toString() || '';

[asciiterror]

@pyroxar: masz w tym kodzie buga: let modifiedInputs = { ...inputs }; robi tylko shallow copy inputs, a modyfikujesz wewnętrzny obiekt w modifiedInputs[scope]. Powinno to być coś takiego, zwróć uwagę na tworzenie kopii obiektu pod inputs[scope]

setInputs({ ...inputs, [scope]: { ...inputs[scope], query_department: selected?.value?.toString() ?? '' } });

[pyroxar]

shallow copy

@asciiterror: skąd się uczysz JS/React? Praktyka?

[asciiterror]

@pyroxar: Dostałem pracę w React i się tam nauczyłem od zera. Umiałem tylko Typescripta i bardzo niszowy framework z czasów AngularJS