Как сделать слушатель на enter React?

В примере на скрине вообще идёт работа с DOM напрямую. Тут сразу пара вариантов почему не работает:
1. Слушатель вешается на элемент которого ещё нет в DOM.
2. Слушается click, а не keyup/keypress/etc.

Вообще, тут некорректная работа с реактом, т.к. слушатели назначаются в ручную без реальной необходимости.

Вот пример как можно было бы сделать это:

import React from 'react';

export default function App() {
  const enterHandler = (event) => {
    if (event.key === 'Enter') {
      sendMessage();
    }
  }

  const sendMessage = () => {
    console.log('sending message');
  }

  return (
    <div className="App">
      <textarea onKeyUp={enterHandler}></textarea>
      <button onClick={sendMessage}>Send</button>
    </div>
  );
}

Почему в России и СНГ так не популярен фреймворк Pyramid?

"Произнесите в слух "Pyramid" и " Django" согласитесь Django звучит красивее"

На вкус и цвет..

Почему в России и СНГ так не популярен фреймворк Pyramid?

"Хотя документация почти вся английская."

Возможно, это одна из основных причин.