Невозможно ввести текст в текстовое поле, если задан его атрибут значения - Реагировать - PullRequest
0 голосов
/ 05 февраля 2020

Я пишу дневниковое приложение в React для универ-проекта, пожалуйста, примите во внимание, что я не могу загрузить много кода, так как школа имеет строгие правила плагиата и проводит проверки et c ...

I ' объясню проблему в пунктах:

  • Пользователь вводит запись в дневнике в текстовой области
  • Если они нажмут кнопку сохранения или в любом месте за пределами texarea, текст будет сохранен
  • Текст сохраняется с помощью действия redux, которое отправляет запрос axios на сервер node, где обновляется журнал * Редуктор
  • A redux устанавливает новое состояние журнала, и теперь я могу получить доступ к записям журнала, используя journal.data.entries
  • Теперь у меня есть функция displayEntry, которая проверяет дату записи и загружает содержимое записи в соответствующую дату в журнале. Это работает нормально, и правильные данные загружаются в нужный день
  • ПРОБЛЕМА - Я устанавливаю атрибут textarea value на возвращаемое значение этой функции, то есть entry.content, если она существует или "", если это не так. Когда для текстовой области установлено значение value, я больше не могу набирать его, чтобы обновить содержимое для этого дня или добавить новую запись в другой день. Удаление свойства value позволяет мне снова в него вводить

Функция displayEntry ():

displayEntry() {
    const { todaysDate } = this.state;
    const { journal } = this.props;
    if (journal) {
        for (let entry of journal.data.entries) {
            if (entry.date === todaysDate) {
                return entry.content;
            }
        }
        return "";
    }
    return "";
} 

Вся помощь приветствуется. Если потребуется дополнительная информация, я сделаю все возможное, чтобы предоставить ее

...