reactjs - 带有 React 的 HTML 5 可拖动属性

Question

在 React 应用程序中使用 HTML5 可拖动属性有什么问题吗？这些属性会与 react DOM 和实际 DOM 产生冲突吗？

render() {
var listItems = this.state.colors.map((item, i) => {
  return (
    <li 
      data-id={i}
      key={i}
      draggable='true'
      onDragEnd={this.dragEnd.bind(this)}
      onDragStart={this.dragStart.bind(this)}>{item}</li>
  )
 });
    return (
        <ul onDragOver={this.dragOver.bind(this)}>
    {listItems}
  </ul>
    )
}

谁能给我一个建议。我正在尝试在反应上创建可拖动的元素列表。有什么推荐的方法在反应中创建它，还是我需要使用像 React DnD 这样的反应库？

标签： reactjs