Как выбрать столбцы и вставить то же значение в реагировать?

Question

Я использую плагин ниже для моего демонстрационного приложения. Я сталкиваюсь с одной проблемой. Я не могу вставить выбранное значение в выбранные ячейки.

https://www.npmjs.com/package/react-datasheet

https://codesandbox.io/s/ancient-pine-095b6

шагов для воспроизведения.

• выберите любой cell.
• , затем используйте shift + right arrow key .it, чтобы выбрать нужные ячейки.
• Теперь значение ячейки не вставляется в выбранную ячейку, почему?

он должен вставить свое значение во все выделенные ячейки

введите описание изображения здесь

Ожидаемый результат будет 2 во всех ячейках

Answer 1

Я думаю, что вставка значений в правую часть не поддерживается по умолчанию. Вы должны сделать это вручную. Вы можете обработать событие onSelect и изменить значение. Для примера рассмотрим следующий код -

onSelect={e => {
          const { start, end } = e;
          if (start && end && start.i === end.i && start.j !== end.j) {
            const grid = this.state.grid.map((row, index) => {
              if (index === start.i) {
                row[end.j] = row[start.j];
              }
              return [...row];
            });
            this.setState({ grid });
          }
        }}

Пожалуйста, обратитесь к этому для рабочей реализации - https://codesandbox.io/s/react-dataset-paste-selection-im69y