Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
1 / 1 / 0
Регистрация: 28.08.2019
Сообщений: 62

Обновление выбранного объекта через TextField

18.01.2023, 18:26. Показов 329. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
Привет всем!
Помогите пожалуйста
У меня есть функция "handleChange", которая изменяет выбранное свойство объекта через TextField (MUI).
После каждого изменения TextField у меня пропадает фокус с TextField и каждый символ нужно записывать через клик по TextField .
Как это исправить или есть другое решение, как заменить конкретное свойство в объекте...
Использую реакт v18
Очень буду благодарна за помощь.

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
//....
const chosenUser = [
    { user: "Иванов", note: "Тестовая заметка", dataUser: { location: 1, location: 2 } },
];
function handleChange(e) {
    let tempChosen = {};
    for (let key in chosenUser) {
        tempChosen[key] = chosenUser[key];
 
    }
    tempChosen[e.target.name] = e.target.value;
    setChosenUser(tempChosen);
}
 
return (
<TextField
    name="note"
    label="Заметка"
    onChange={handleChange}
    value={chosenUser.note}
/>
);
0
Лучшие ответы (1)
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
18.01.2023, 18:26
Ответы с готовыми решениями:

Обновление материаловского TextField
import React, { Component } from 'react'; import { withStyles } from '@material-ui/core/styles'; import { Grid, TextField } from...

Получить идентификатор выбранного объекта
В процессе работы на страницу добавляется html код(картинки и текст). При щелчке по каждой картинке с текстом нужно загрузить следующую...

Как изменять textfield из другого textfield
Здравствуйте, у меня есть два textfield'a, скажем textFieldOne и textFieldTwo. Как сделать, чтобы при каждом изменении textFieldOne...

1
250 / 184 / 58
Регистрация: 12.03.2021
Сообщений: 1,043
19.01.2023, 09:37
Лучший ответ Сообщение было отмечено Викуся96 как решение

Решение

какая-то порнография..
JavaScript
1
2
3
4
5
function handleChange(e) {
    let tempChosen = structuredClone(chosenUser);
    tempChosen.note = e.target.value;
    setChosenUser(tempChosen);
}
так сработает?
З.Ы.: отсюда не видно, что происходит в setChosenUser.
1
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
19.01.2023, 09:37
Помогаю со студенческими работами здесь

Получить данные объекта, выбранного в селекторе
Есть сущность Products, у каждого продукта есть тайтл, цена. В контролере продукта я создал метод &quot;калькулятор&quot;. Во вьюхе...

Как изменить спрайт выбранного объекта из массива?
Когда я подбираю игровой предмет, то вызываю метод добавления предмета. Передаю спрайт объекта который подобрал в этот метод и он его по...

Как найти элементы внутри выбранного объекта?
На странице есть такой код (несколько раз): &lt;div class=&quot;goalContent&quot;&gt; &lt;h6&gt; &lt;a href=&quot;goal.php?id=&lt;?php echo $goal?&gt;&quot;...

Как назначить действие для выбранного в JComboBox объекта?
super(&quot;Список товаров&quot;); setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); setSize(300, 300); String items = { ...

Обновление текстового поля в форме hta в зависимости от выбранного значения в комбобоксе
Доброго времени суток. Ищу подмоги в решении следующей задачи. Есть база данных в ней таблица &quot;устройства&quot;. В данной таблице...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Кто-нибудь знает, где можно бесплатно получить настольный компьютер или ноутбук? США.
Programma_Boinc 26.12.2025
Нашел на реддите интересную статью под названием Anyone know where to get a free Desktop or Laptop? Ниже её машинный перевод. После долгих разбирательств я наконец-то вернула себе. . .
Thinkpad X220 Tablet — это лучший бюджетный ноутбук для учёбы, точка.
Programma_Boinc 23.12.2025
Рецензия / Мнение/ Перевод Нашел на реддите интересную статью под названием The Thinkpad X220 Tablet is the best budget school laptop period . Ниже её машинный перевод. Thinkpad X220 Tablet —. . .
PhpStorm 2025.3: WSL Terminal всегда стартует в ~
and_y87 14.12.2025
PhpStorm 2025. 3: WSL Terminal всегда стартует в ~ (home), игнорируя директорию проекта Симптом: После обновления до PhpStorm 2025. 3 встроенный терминал WSL открывается в домашней директории. . .
Как объединить две одинаковые БД Access с разными данными
VikBal 11.12.2025
Помогите пожалуйста !! Как объединить 2 одинаковые БД Access с разными данными.
Новый ноутбук
volvo 07.12.2025
Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro
Музыка, написанная Искусственным Интеллектом
volvo 04.12.2025
Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .
От async/await к виртуальным потокам в Python
IndentationError 23.11.2025
Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .
Поиск "дружественных имён" СОМ портов
Argus19 22.11.2025
Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .
Сколько Государство потратило денег на меня, обеспечивая инсулином.
Programma_Boinc 20.11.2025
Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha
Etyuhibosecyu 20.11.2025
Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2025, CyberForum.ru