React.js与来自外部组件的状态对象进行通信

时间:2015-05-12 10:05:18

标签: javascript reactjs ecmascript-6

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

想知道如何从state函数将新的“已删除”项添加到我的React组件的acceptDrop对象中? React通常使用这种方法的方法是什么?

1 个答案:

答案 0 :(得分:0)

正常的方法是使用回调,你在父组件中创建函数,然后在你调用孩子时把它作为道具。