Использование примеров React-Dnd-touch-Backend

Question

я новичок в этой реакции и хочу попробовать реализовать этот сенсорный бэкэнд на своей странице, но он застрял при попытке попробовать пример отсюда https://github.com/yahoo/react-dnd-touch-backend/tree/master/examples/js, моя главная проблема, чтобы попробовать его на моей веб-странице мне нужен индекс чтобы быть экспортируемым компонентом, предназначенным для рендеринга на домене, эта часть:

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

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

render();

Я хочу что-то, что я могу экспортировать и вызвать из родительского компонента, как мне этого добиться?

Answer 1

Вы можете просто сделать, например:

export default DragDropApp;

Тогда в вашем App.js или где угодно:

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

Затем в index.js:

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