React.js communicate with state object from outside component

Question

Using the React DnD lib:

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
            });
        }
    }
});

Wondering how I can add the new "dropped" item into my React component's state object, from the acceptDrop function? What's the usual approach for this kind of thing with React?

Answer 1

通常的方法是使用回调，您可以在父组件内部创建函数，然后在调用子组件时将其作为道具。