Как использовать componentWillUnmount для вывода окна подтверждения?

Question

[Ninja Mate]

Для некоторых элементов, хочу сделать всплывающее окно подтверждения, когда юзер хочет его покинуть.

Идеально подходит componentWillUnmount, но как сделать отмену и подтверждение?

Задумка выводить модал с информацией и там спрашивать Yes/No. Если Yes, продолжаем, если No то отменяем переход. Подскажите как.

Answer 1

[Mikhail Osher]

Никак. Этот метод создан для cleanup в компоненте (source).

Используйте нативные методы браузера для этого.

// EDIT

Если у Вас по какому-то событию меняется компонент - логично, что надо в этом обработчике предупредить пользователя, исходя из Ваших условий.

Comments

[Ninja Mate]

Это печально, как тогда узнать что компонент задумал разрушиться и отменить/подтвердить?

[Dmitry Demin]

Ninja Mate: компонент разрушается тогда, когда он больше не нужен в дереве. Подтверждать/отменять это действие просто незачем.

[Ninja Mate]

Dmitry Demin: у меня пользователь своми действиями может заменить содержимое стейта на другой компонент. Как узнать что компонент собрались заменить-разрушить? может случится, что юзер просто случайно ткнул кнопку или ссылку и потеряет введенную информацию.

[Дмитрий Кравченко]

Ninja Mate: обратабывать клик на кнопке, разумеется. Или onbeforeunload