Question

我试图实施拖放操作。使用，onDragOver找到html对象并设置此对象（ex）div）

当我ondrop时，我想在状态之后附加一些React Component（ex）类Button extends Component。

我找到insertAdjecentHtml或replacewith。但是当我使用它时，它打印像[object Object] 所以有什么方法可以解决这个问题吗？

Answer 1

在这种情况下，如果基于组件状态满足条件，则可以使渲染函数返回稍微不同的html。

例如：

constructor() {
  this.state = {
    wasDragged: false;
  }
}
onDragStatusChange(){
  //what triggers this is up to you to determine.
  this.setState({
    wasDragged: true
  })
  // also consider setting it back to false under some condition
}
render() {
   <div>
   <p> heres the rest of our form!</p>
     {if(this.state.wasDragged) {
        <input type='button' value='click me' />
     }}
   </div>
   }
}

如何在html对象上追加React Component？

1 个答案: