Как придать приоритет кнопке «Не отправлять» над кнопкой «Отправить» в material-ui?

#javascript #reactjs #material-ui #react-final-form

Вопрос:

У меня есть форма, в которой есть кнопка «Отправить». Когда я нажимаю клавишу ввода, форма отправляется. Пока все идет хорошо.

Однако, если пользователь проверяет определенное значение в форме, отображается опция раздела формы. Этот раздел включает поле ввода и кнопку «добавить в список».

Я хочу добиться того, чтобы, когда раздел формы выбора открыт и пользователь нажимает клавишу ввода, вместо кнопки «отправить» следует нажать кнопку «добавить в список».

Как этого добиться?

Ответ №1:

Разумное решение, я думаю, заключается в том , чтобы раздел, который «включает поле ввода и кнопку» добавить в список»», был собственным <form> , вложенным в верхний уровень <form> . Затем «добавить в список» может быть кнопкой «Отправить» для этой подформы. Браузер должен выбрать правильную кнопку отправки, в соответствии с которой форма имеет фокус (внешний или внутренний).