Javascript React.js从外部组件与状态对象通信
使用lib:Javascript React.js从外部组件与状态对象通信,javascript,reactjs,ecmascript-6,Javascript,Reactjs,Ecmascript 6,使用lib: 想知道如何从acceptDrop函数将新删除的项添加到React组件的状态对象中?对于React这种事情,通常的方法是什么?通常的方法是使用回调,在父组件内创建函数,然后在调用子组件时将其作为道具使用。我从未使用过此组件,但传递给回调的第一个参数似乎是React组件。你能用它来操纵状态吗?你说得很对。最后做了一些类似于你所说的“WiredPairie”的事情 const itemDropTarget = { acceptDrop(component, item) {
想知道如何从acceptDrop函数将新删除的项添加到React组件的状态对象中?对于React这种事情,通常的方法是什么?通常的方法是使用回调,在父组件内创建函数,然后在调用子组件时将其作为道具使用。我从未使用过此组件,但传递给回调的第一个参数似乎是React组件。你能用它来操纵状态吗?你说得很对。最后做了一些类似于你所说的“WiredPairie”的事情
const itemDropTarget = {
acceptDrop(component, item) {
window.alert('You dropped ' + item.name + '!');
}
};
const Container = React.createClass({
mixins: [DragDropMixin],
getInitialState() {
return {
items: []
};
},
statics: {
configureDragDrop(register) {
register(ItemTypes.ITEM, {
dropTarget: itemDropTarget
});
}
}
});