Модальные показатели состояния в React и MUI ⇐ Javascript

[Anonymous]

Есть ли разница в производительности между этими двумя наборами кода ниже?
Другое дело, я замечаю, что когда я использую 2 -й вариант, заключается в том, что когда я закрываю модальный > Текст в модале
Какой лучший способ сделать или есть лучшие способы сделать это?
1 -й < /p>
{notesModalState.open && (
handleNotesModal({ open: false})}
/>
)}

2nd
handleNotesModal({ open: false})}
/>

notesmodal
const NotesModal = ({
isOpen = false,
onClose = () => {},
onSuccess = () => {},
}: NotesModalProps) => {
const notesData = data //retrieve from something

const [note, setNote] = useState(notesData?.notes || "");

// useEffect(() => {
// setNote(notesData || "");
// }, [notesData]);

const saveNote = async () => {
// call API
};

const handleClose = () => {
onClose();
};

const recipientName = notesData?.fullName

return (














Note for {recipientName}

setNote(e.target.value)}
fullWidth
/>





Cancel


Submit





);
};


Подробнее здесь: https://stackoverflow.com/questions/794 ... ct-and-mui