突出顯示選擇與筆記，顯示在懸停和可編輯

Question

我嘗試使用draft.js來實現文本編輯器與一些功能來糾正文本。這個想法是突出一個錯誤，並寫一些註釋來糾正它。將鼠標懸停在突出顯示的文本上時，該筆記應顯示並可編輯。

我已經寫了一些內嵌樣式來突出顯示文本，但內嵌樣式只能換一些文本，跨度（或其他），並給它一些風格（https://facebook.github.io/draft-js/docs/advanced-topics-inline-styles.html#content）

不過，我需要的onmouseover處理/ onmouseleave事件來顯示註釋並最終進行編輯。

我可以包裝只有選擇塊或其他？該塊將是另一個塊內的跨度，如內聯樣式...

Answer 1

A decorator。爲您提供使用自定義React組件渲染某些文本的機會。所以你可以在你的React組件中註冊鼠標事件。