Не работает обработчик события

17.12.2019, 00:29. Показов 1937. Ответов 0

Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам

Здравия всем!

Изучаю реакт, знаю, что через ref обработчики не надо делать

Но данная тема входит в обучение, и надо самому сделать обработчик на кнопку таким образом

Вот код, и он не работает, а почему... я не понимаю, я вроде все делаю, как в примере (в идеале надо вывести значение textarea, но я решил затестить alert сначала)

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
let Messages = props => {
  let newMessage = React.createRef();
 
  let add = () => {
   // let text = newMessage.current.value;
    alert("Hi");
  };
 
  let Messages = props.state.map(message => (
    <Message message={message.message} />
  ));
 
  return (
    <div className={css.dialogWrapper}>
      {Messages}
      <textarea ref={newMessage}></textarea>
      <button onClick={add}>Отправить</button>
    </div>
  );
};

Он не выводит 'hi' по нажатию
Но, когда ставишь в onClick add() со скобками, функция срабатывает при загрузке страницы

Спасибо за помощь!

Добавлено через 6 минут
заработало... вставил с какого-то сайта

JavaScript
1
onClick

слово
а до этого это же слово стояло... что за фигня

Programming

Эксперт

39485 / 9562 / 3019

Регистрация: 12.04.2006

Сообщений: 41,671

Блог

17.12.2019, 00:29

Ответы с готовыми решениями:

Не работает обработчик события
Есть форма <form class="form"> <label><input type="text" onclick="isValid()" name="name" autocomplete="on"...

Не работает обработчик события
$(".dropdown-label").click(function() { $(".dropdown-label").addClass("open"); }) Такая конструкция не работает, а если делать...

Не работает обработчик события
в результате выполнения функции $('#r_1lvl').append('<div class="re"></div>') получаю: <div id="r_1lvl"> <div...

Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.

inter-admin

Эксперт

29715 / 6470 / 2152

Регистрация: 06.03.2009

Сообщений: 28,500

Блог

17.12.2019, 00:29

Помогаю со студенческими работами здесь

Не работает обработчик события кнопки
Не могу разобраться почему выскакивает ошибка..пока только учусь...

Не работает обработчик события KeyDown
Здравствуйте, имеется текстбокс и обработчик события KeyDown: private void textBox1_Key(object sender, KeyEventArgs e) { ...

Некорректно работает обработчик события OnMouseDown
Здравствуйте! Хотелось бы узнать почему у меня не работает обработчик события OnMouseDown для DBGrid? Я что, както не так кликаю на дбгрид,...

Обработчик события checked - radiobutton не работает
private void radioButton1_CheckedChanged(object sender, EventArgs e) { if (radioButton1.Checked) { ...

Не могу разобраться в том, как работает обработчик события мыши
Не могу понять, как работает обработчик события мыши в ассемлере. В первом куске кода, как я понимаю, создали подпрограмму, которая при...

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

Или воспользуйтесь поиском по форуму:

Новые блоги и статьи Все статьи Все блоги /
Символьное дифференцирование igorrr37 13.02.2026 / * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .	Камера Toupcam IUA500KMA Eddy_Em 12.02.2026 Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .	И ясному Солнцу zbw 12.02.2026 И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.	«Знание-Сила» zbw 12.02.2026 «Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров 8Observer8 12.02.2026 Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 11.02.2026 Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .	SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image 8Observer8 10.02.2026 Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .	Установка Qt-версии Lazarus IDE в Debian Trixie Xfce volvo 10.02.2026 В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .

Наверх