The key would be to use variable || undefined
yield createRemarkRequest.post(PATIENT_REMARK, {
patientId,
providerId: providerId || undefined,
practiceId: practiceId || undefined,
noteTypeCode,
note,
})
Be care, that conditional doesn't work with empty arrays or empty objects as a value.
Example:
const resultValueOption3 = {
propZero: propZero || undefined,
propNull: propNull || undefined,
propEmptyArray: propEmptyArray || undefined,
propEmptyObject: propEmptyObject || undefined,
propEmptyString: propEmptyString || undefined,
propFalse: propFalse || undefined,
propTrue: propTrue || undefined,
};
result: {"propEmptyArray":[],"propEmptyObject":{},"propTrue":true}
Finally, I write the whole code with multiple combinations and the results:
export function Question11() {
const propZero = 0;
const propNull = null;
const propEmptyArray = [];
const propEmptyObject = {};
const propEmptyString = "";
const propFalse = false;
const propTrue = true;
const resultValueOption1 = {
propZero: propZero ?? null,
propNull: propNull ?? null,
propEmptyArray: propEmptyArray ?? null,
propEmptyObject: propEmptyObject ?? null,
propEmptyString: propEmptyString ?? null,
propFalse: propFalse ?? null,
propTrue: propTrue ?? null,
};
const resultValueOption2 = {
propZero: propZero ?? undefined,
propNull: propNull ?? undefined,
propEmptyArray: propEmptyArray ?? undefined,
propEmptyObject: propEmptyObject ?? undefined,
propEmptyString: propEmptyString ?? undefined,
propFalse: propFalse ?? undefined,
propTrue: propTrue ?? undefined,
};
const resultValueOption3 = {
propZero: propZero || undefined,
propNull: propNull || undefined,
propEmptyArray: propEmptyArray || undefined,
propEmptyObject: propEmptyObject || undefined,
propEmptyString: propEmptyString || undefined,
propFalse: propFalse || undefined,
propTrue: propTrue || undefined,
};
const resultValueOption4 = {
propZero: propZero || null,
propNull: propNull || null,
propEmptyArray: propEmptyArray || null,
propEmptyObject: propEmptyObject || null,
propEmptyString: propEmptyString || null,
propFalse: propFalse || null,
propTrue: propTrue || null,
};
return (
<div>
<div>Option1</div>
<div>{JSON.stringify(resultValueOption1)}</div>
<div>Option2</div>
<div>{JSON.stringify(resultValueOption2)}</div>
<div>Option3</div>
<div>{JSON.stringify(resultValueOption3)}</div>
<div>Option4</div>
<div>{JSON.stringify(resultValueOption4)}</div>
</div>
);
}
/*
results:
Option1
{"propZero":0,"propNull":null,"propEmptyArray":[],"propEmptyObject":{},"propEmptyString":"","propFalse":false,"propTrue":true}
Option2
{"propZero":0,"propEmptyArray":[],"propEmptyObject":{},"propEmptyString":"","propFalse":false,"propTrue":true}
Option3
{"propEmptyArray":[],"propEmptyObject":{},"propTrue":true}
Option4
{"propZero":null,"propNull":null,"propEmptyArray":[],"propEmptyObject":{},"propEmptyString":null,"propFalse":null,"propTrue":true}
*/
I hope I've helped you.