169 похожих чатов

Всем привет у меня есть форма в ней две функции в одной кнопка

далее
во второй инпуты

как при нажатии на далее вытащить состояние инпутов?

function form () {

function buttons() {
///
}

function inputsFiled() {
//
}

return (
<form>
{inputsField}
{buttons}
</form>
)
}

7 ответов

20 просмотров
Tarsus- Автор вопроса

может на каждый инпут реф создать выше inputsFiled? или реф кака?

Записать в состояние?

На форме поставить фунцию onSubmit=твоя функция(записывает в стейт), на кнопке написать type='submit'

А value достаешь через ивент

<form ref={myForm}> <input type="text" name="field1"/> <input type="text" name="field2"/> <button onClick={(ev) => { ev.preventDefault() const data = new FormData(myForm.current); console.log(Object.fromEntries(data)) }}>дай состояние</button> </form>

Tarsus- Автор вопроса

Не даёт управлять состоянием вне её scope Тобишь в form кидаю state А в inputsFiels set... Ошибка в итогк

Tarsus- Автор вопроса

У меня форма из 3ех кусков Кусок ( Инпут Инпут ) и т. д. Одна видна из трёх По нажатию на далее — показывается следующий кусок На этапе нажатия далее пытаюсь проверить, заполнился ли первый кусок Каждому куску эктив записываю boolean Это всё работает, кроме проверки на input)

Похожие вопросы

Обсуждают сегодня

30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
13
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
Как передать управляющий символ в открытую через CreateProcess консоль? Собсна, есть процедура: procedure TRedirectThread.WriteData(Data: OEMString); var Written: Cardinal;...
Serjone
6
в JclConsole объявлено так: function CtrlHandler(CtrlType: DWORD): BOOL; stdcall; - где ваше объявление с stdcall? у вас на картинке нет stdcall
Karagy
8
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
~ 2m21s  nix shell github:nixos/nixpkgs#stack ~  stack ghc -- --version error: … while calling the 'derivationStrict' builtin at /builtin/derivation.nix:...
Rebuild your mind.
6
Карта сайта