React中的功能在进入＆＃39;之后不会被触发。键是按下的

Question

我希望在用户点击输入字段后触发一个函数。它不会＆＃39;然而，启动功能。在任何人要求之前，当我点击“Enter＆＃39;我做了一个控制台日志测试，它说我点击了＆＃39; Enter＆＃39;键，但是当我尝试调用该函数时，它不会触发。

违规输入字段

<input className='chat-input' onKeyUp={(e) => e.key === 'Enter' ? this.handleChat : null}></input>

功能

它位于渲染之前，所以它应该在哪里。应用程序中没有错误，崩溃和其他任何内容都没有变化或者表现得很奇怪。

  handleChat = () => {
    console.log('You called handleChat!!!');
  }

Answer 1

您不应有条件地设置OnKeyUp值，您应该有条件地调用它。像这样：

<input className='chat-input' onKeyUp={(e) => {if (e.key === 'Enter') this.handleChat()}}></input>

不确定那些花括号是否正确，但你明白了