使用React-Dnd-touch-Backend示例

时间:2018-04-29 22:03:16

标签: reactjs drag-and-drop

我是新手对此反应dnd我想尝试在我的页面上实现这个触摸后端,但它坚持尝试从这里https://github.com/yahoo/react-dnd-touch-backend/tree/master/examples/js的例子,我的主要问题是在我的网页上尝试它我需要索引作为一个可导出的组件,在dom上呈现,这部分:

var DragDropApp = DragDropContext(Touch({ enableMouseEvents: true }))(App);

function render (lists = datasource) {
    ReactDOM.render(<DragDropApp lists={lists} />, document.getElementById('main'));
}

render();

我想要一些我可以从父组件导出和调用的东西,我该如何实现呢?

1 个答案:

答案 0 :(得分:0)

你可以这样做,例如:

export default DragDropApp;

然后在App.js或任何地方:

render() {
  return <DragDropApp lists={lists} />;
}

然后在index.js

ReactDOM.render(<App />, document.getElementById('main'));