0

Пишу небольшую тудушку на реакте, сама не очень хорошо в этой теме разбираюсь. У меня есть такая вот форма в которую нужно вписывать задачи, но почему то когда я начинаю писать оно выбивает [object Object] и я не могу вписать что то другое.

import React, { useState } from 'react';
import {
    List, ListItem,
    TextField
} from 'mdc-react';

import './index.scss';

export default function TodoForm({ onSubmit }) {
    const [title, setTitle] = useState('');

    function handleSubmit(event) {
        event.preventDefault();

        onSubmit(title);
        setTitle('');
    }

    return (
        <form onSubmit={handleSubmit} className="todo-form">
            <List>
                <ListItem>
                    <TextField
                        label="Добавь задачу..."
                        value={title}
                        onChange={setTitle}
                        fullWidth
                    />
                </ListItem>
            </List>
        </form>
    );
}

введите сюда описание изображения

1
  • А где ваш setTitle?
    – Color kat
    5 апр 2021 в 20:11

2 ответа 2

0

Вы inputu сделали value={title} и onChange={setTitle}, это значит что при каждом вводе значение title будет изменяться на то что вы ввели и если хотите писать что-то свое, то просто записывайте результат в переменную и не выводите value Тоесть value={title} уберите

0

Так должно работать.

onChange={(event) => setTitle(event.target.value)}

Посмотри про Контролируемые компоненты. https://ru.react.js.org/docs/forms.html

2
  • спасибо большое, сработало. 5 апр 2021 в 22:58
  • Всегда пожалуйста
    – Debroneee
    6 апр 2021 в 5:51

Ваш ответ

Нажимая на кнопку «Отправить ответ», вы соглашаетесь с нашими пользовательским соглашением, политикой конфиденциальности и политикой о куки

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.