【问题标题】:To Highlight a word/text and drag to other text box in React在 React 中突出显示单词/文本并拖动到其他文本框
【发布时间】:2022-02-07 15:01:39
【问题描述】:

是否可以在一个文本框中突出显示一个单词或文本,并能够将突出显示(选定)的文本或单词从 React 的第一个文本框中出现的完整句子中拖动到其他文本?

我看过一个包,但那是针对 React Native 而不是 web 的。

【问题讨论】:

    标签: javascript reactjs drag-and-drop highlight drag


    【解决方案1】:

    您可以使用 React-DnD 并使用拖放操作, https://react-dnd.github.io/react-dnd/docs/overview

    您必须对文本实施相同的操作,以便您可以拖放它们

    function collect(connect, monitor) {
      return {
        highlighted: monitor.canDrop(),
        hovered: monitor.isOver(),
        connectDropTarget: connect.dropTarget()
      }
    }
    

    【讨论】:

      猜你喜欢
      • 2013-03-01
      • 2020-04-06
      • 2011-11-15
      • 1970-01-01
      • 2018-11-04
      • 2014-09-05
      • 1970-01-01
      • 2010-10-18
      • 2011-12-15
      相关资源
      最近更新 更多