KeyDown事件不能使用编辑后的状态值

时间:2019-03-05 04:26:05

标签: javascript reactjs

我制作了contentEditable div以实现this(Code Sandbox)之类的ChatFooter组件。
但是当我通过sendMessage事件调用onKeyDown函数时,即使我进行了编辑,message的值仍然为空。
奇怪的是,message的值在onChange(actually onInput)上运行良好,当我直接通过sendMessage事件调用onClick时。

  

代码沙箱:https://codesandbox.io/s/p56466rxvq

P.S。当我使用react-contenteditable lib代替我的lib时,情况相同。

谢谢。

1 个答案:

答案 0 :(得分:0)

我在代码中看到的第一件事是,您正在从Enter和shift之外的所有键返回onKeyDown事件。另外,您没有设置状态的消息属性。您正在发送空消息。