Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.75/4: Рейтинг темы: голосов - 4, средняя оценка - 4.75
1 / 1 / 0
Регистрация: 29.01.2013
Сообщений: 90

React-dnd переделать bind в стрелочную функцию

02.09.2019, 12:20. Показов 817. Ответов 1

Студворк — интернет-сервис помощи студентам
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
const Board = ({ cards, columns, moveCard, addCard, addColumn }) => {
  return (
    <div className="Board">
      {columns.map(column => (
        <Column
          key={column.id}
          title={column.title}
          addCard={addCard.bind(null, column.id)} // ВОТ ТУТ
        >
          {column.cardIds
            .map(cardId => cards.find(card => card.id === cardId))
            .map((card, index) => (
              <DraggableCard
                key={card.id}
                id={card.id}
                columnId={column.id}
                columnIndex={index}
                title={card.title}
                moveCard={moveCard}
              />
            ))}
          {column.cardIds.length === 0 && (
            <DraggableCard
              isSpacer
              moveCard={cardId => moveCard(cardId, column.id, 0)}
            />
          )}
        </Column>
      ))}
      <div className="Column">
        <TextForm onSubmit={addColumn} placeholder="Add Column..." />
      </div>
    </div>
  );
};

1) как переделать выделенный фрагмент в стрелочную функцию ?(с комментарием)
2) Возникает ошибка , когда пытаюсь закинуть карточку в пустую колонку(еще на моменте hover ). Она закидывается и приложение работает, но выдает ошибку
Миниатюры
React-dnd переделать bind в стрелочную функцию   React-dnd переделать bind в стрелочную функцию  
0
IT_Exp
Эксперт
34794 / 4073 / 2104
Регистрация: 17.06.2006
Сообщений: 32,602
Блог
02.09.2019, 12:20
Ответы с готовыми решениями:

Передача std::bind в функцию
Ребята, помогите разобраться с 28 строкой. Глубоко не копал, но должно ведь компилиться :) #include &lt;iostream&gt; #include...

std::bind и указатель на статическую функцию член класса
Биндинг простых функций класса-это понятно, а вот как быть, если функция статическая?

Как написать функцию для кнопки в Js React
Для кнопки с HTML документа надо написать функцию для JS React которая считывает информацию с &lt;input type=&quot;text&quot;&gt; и...

1
707 / 309 / 191
Регистрация: 05.03.2015
Сообщений: 822
02.09.2019, 21:20
1) думаю, пояснения здесь не нужны
JavaScript
1
addCard={() => addCard(column.id)}
2) не могу ничего сказать по существу, у меня такой проблемы при работе с react-dnd не возникало
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
BasicMan
Эксперт
29316 / 5623 / 2384
Регистрация: 17.02.2009
Сообщений: 30,364
Блог
02.09.2019, 21:20
Помогаю со студенческими работами здесь

Как доделать стрелочную пагинацию?
Сами стрелки &lt;button type=&quot;submit&quot; class=&quot;prev&quot;&gt;&lt;/button&gt; &lt;button type=&quot;submit&quot; class=&quot;next&quot;&gt;&lt;/button&gt; Обработчик var...

Как в React в onclick вызвать функцию из другого файла
Допустим у меня есть файл heder.js import React, { Component } from 'react'; import './header.css'; class Header extends...

JTree и DnD
Собственно вопрос заключается в том, как реализовать Drag&amp;Drop внутри JTree. То есть надо осуществить возможность перетаскивания узлов и...

DnD: JList(object) -> JPanel
Доброго времени суток! :) Хочу реализовать Drag and Drop механизм для своего приложения. Нужны захватить элемент JList, перетащить на...

Просьба к Alekseymir по теме DnD
Если JAVA позволяет перемещать файлы с помощью мыши (Drag&amp;Drop)из &quot;Проводника&quot; (или других программ) в компонент, содержащийся в...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru