Я хочу настроить диалоговое компонент, обрабатывающее все состояние внутри, мне не нужно проходить в логическом, если диалог открыт/закрыт. Но этот компонент должен использоваться несколькими активаторами, например, < /p>
Создать новую кнопку < /li>
Редактировать существующую кнопку < /li>
< /ul>
Итак, при наличии этого < /p>
interface Props {}
function MyDialog({}: Props) {
const [isDialogOpen, setIsDialogOpen] = useState(false);
return (
{/* Activator... */}
Dialog rendered here
);
}
Как я могу определить реквизиты/слоты, что позволяет встроить кнопку компонента, способного установить isdialogopen true ? псевдо -код
setIsDialogOpen(true)}>Create new
Подробнее здесь: https://stackoverflow.com/questions/794 ... -activator