我试图实施拖放操作。
使用,onDragOver
找到html对象并设置此对象(ex)div)
当我ondrop
时,我想在状态之后附加一些React Component(ex)类Button extends Component。
我找到insertAdjecentHtml
或replacewith
。但是当我使用它时,它打印像[object Object]
所以有什么方法可以解决这个问题吗?
答案 0 :(得分:0)
在这种情况下,如果基于组件状态满足条件,则可以使渲染函数返回稍微不同的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>
}
}