Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/hibernate/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript React.js从外部组件与状态对象通信_Javascript_Reactjs_Ecmascript 6 - Fatal编程技术网

Javascript React.js从外部组件与状态对象通信

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

使用lib:


想知道如何从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
            });
        }
    }
});