Задать вопрос
archi_kud
@archi_kud
Frontend Developer
react

Как сделать компонент обертку?

Здравствуйте, сделал клон Trello на React и dnd на чистом JS. Я хочу перенести dnd с JS на React, так как при перетаскивании элемента в список, он добавляется в список детей списка в DOM, но не добавляется в state списка и возникает ряд проблем. Еще я не могу получить доступ к методам списка и его state из dnd. Я изучаю React относительно не долго, поэтому могу не знать некоторые вещи. Если я что-то говорю не так, то прошу поправить меня. Я думаю, что нужно сделать обертку для доски. Вот так:

<DragManager>
    <Board />
<DragManager />
  • Вопрос задан
  • 1916 просмотров
Комментировать
Подписаться 1 Простой Комментировать
Решения вопроса 1
Krasnodar_etc
@Krasnodar_etc
avito front
Ты пытаешься из обёртки юзать методы обёрнутого компонента?) Так не выйдет

Я думаю, тебе стоит вынести нужные методы в вышестоящий компонент. Условно:

class Example extends React.Component {
  state: {
  }

  needMethod1{
  };

  needMethod2{
  }

  render() {
    return (
      <DragManager needMethod1={this.needMethod1} needMethod2={this.needMethod2} >
        <Board needMethod1={this.needMethod1} needMethod2={this.needMethod2} />
      <DragManager />
    )
  }
}


П.С. - а чтобы не дублировать код можно почитать про HOC
Ответ написан
5 комментариев
5 комментариев
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Frontend React
Glob-com
от 100 000 ₽
React разработчик
Uptrade
от 150 000 до 200 000 ₽
JS|React Native разработчик
Венста • Киров
от 60 000 до 120 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Разработка одностраничника
25 апр. 2024, в 11:02
5000 руб./за проект
Фронт мобильное приложение
25 апр. 2024, в 10:42
150000 руб./за проект
Настроить вёрстку webapp-telegram
25 апр. 2024, в 10:41
2000 руб./за проект
Ещё заказы