反应反向工程facebook/messenger聊天输入

我正在尝试重新创建facebook/messenger的聊天输入。 到目前为止，我知道聊天输入是一种自定义输入，用于键入消息，并使用

构建，其中属性contentEditable设置为true。此自定义输入随最小高度增长到最大高度。 一旦达到最大高度，自定义输入设置一个滚动条来滚动其内容

我试图弄清楚如何使用自定义输入的道具和其母组件的状态来处理这个问题，但我真的不知道如何正确地处理它

---

有没有办法，一个教程或者别的什么方法？或者为了使聊天输入具有良好的行为？

您可以使用CSS进行最小和最大高度限制。您还可以使用CSS中的overflow属性将其设置为在较长的消息上滚动。您应该有一个将文本存储在输入字段中的状态。我对你的问题理解正确吗？是的，不幸的是，这是一个很难制作的组件，因为它是一个CMS组件（可以处理html输入）。您应该看看实际的组件，

draft.js

，它是一个CMS开源项目。很酷的东西。也许你应该看看Facebook真正的富文本编辑器Draft.js-aashah7，是的，你理解正确：）ZekeDroid，Jeff McCloud非常感谢你我会试试Draft.js:）