Size: a a a

React: русскоязычное сообщество

2020 December 22

S

Stepan Kudelya in React: русскоязычное сообщество
Подскажите , кто знает , как можно реализовать функционал , как здесь -
https://editor.liramail.com//builder/WZdPQE2zeK
, а именно:

Перетаскивание новых блоков с левой панели в сущевствующий уже drug&drop массив

drug&drop ( центральную часть ) я сделал уже на react-sortable-hoc, но готов поменять , если есть какое-то готовое решение с функционалом, который я выше описал

Либо кто-то может подсказать как это грамотно сделать через тот-же react-sortable-hoc

Спасибо большое
источник
2020 December 23

AK

Alex Korolchuk in React: русскоязычное сообщество
Stepan Kudelya
Подскажите , кто знает , как можно реализовать функционал , как здесь -
https://editor.liramail.com//builder/WZdPQE2zeK
, а именно:

Перетаскивание новых блоков с левой панели в сущевствующий уже drug&drop массив

drug&drop ( центральную часть ) я сделал уже на react-sortable-hoc, но готов поменять , если есть какое-то готовое решение с функционалом, который я выше описал

Либо кто-то может подсказать как это грамотно сделать через тот-же react-sortable-hoc

Спасибо большое
источник

АШ

Алексей Шишкин... in React: русскоязычное сообщество
Кто знает, почему swiper перелистывает через один слайд?
источник

S

Stepan Kudelya in React: русскоязычное сообщество
Спасибо , а в нем можно один лист сделать доступным для драга но недоступным для дропа?
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
подскажите как просмотреть файл (открыть его по клику). Сейчас сделал его загрузку, а просмотр не работает. Нашел вариант считывание массива байтов через FileReader, но не работает. Где я ошибаюсь?

export class File {
 /**
  * @param {string} encoded
  * @returns {number[]}
  */
 static convert(encoded) {
   const binaryString = window.atob(encoded)
   const binaryLen = binaryString.length
   const bytes = new Uint8Array(binaryLen)
   for (let i = 0; i < binaryLen; i++) {
     let ascii = binaryString.charCodeAt(i)
     bytes[i] = ascii
   }
   return bytes
 }
 /**
  * @param {string} name
  * @param {number[]} bytes
  */
 static save(name, bytes) {
   const blob = new Blob([bytes])
   // let reader = new FileReader();
   // reader.readAsArrayBuffer(blob);
   const link = document.createElement("a")
   const fileName = name
   link.href = window.URL.createObjectURL(blob)
   link.download = fileName
   link.click()
   link.remove()
 }

 /**
  * @param {string} filename
  * @param {string} content
  */
 static download(filename, content) {
   const decoded = this.convert(content)
   File.save(filename, decoded)
 }
}
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Попробуйте в новом окне:

const w = window.open('/')
w.onload = () => {
 w.location = URL.createObjectURL(blob)
}
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
Юра Чеботаев
Попробуйте в новом окне:

const w = window.open('/')
w.onload = () => {
 w.location = URL.createObjectURL(blob)
}
фрагмент файла который открыло. Я же его вроде как декодирую, или указывать utf нужно где-то?
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
При создании блоба
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
Юра Чеботаев
При создании блоба
а что предать чтобы оно определяло все форматы, файлы разных форматов могут быть?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Надо заранее знать
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
то есть под каждый формат, свой type передавать? если с базы тяну разные файлы так не получится или я не правильно понял?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Да
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
С базы надо тянуть файл и его тип
источник

A

Akbar in React: русскоязычное сообщество
Всем привет, как делать аксиомный ответ последовательно. например один запрос и получаю ответ, затем следующий запрос. У меня более 1000 запросов
источник

AB

Azat Belgibayev in React: русскоязычное сообщество
async function SerialLoopFlow(jobs) {
 let finalResult = 0;
 for (const job of jobs) {
   let result = await doJob(job,job);
   finalResult += result;
 }
 console.log(finalResult);
}
SerialLoopFlow([1,2,3]);
источник

AB

Azat Belgibayev in React: русскоязычное сообщество
Основная идея в том, чтобы делать запросы внутри цикла и делать await для каждого запроса
источник

AB

Azat Belgibayev in React: русскоязычное сообщество
Если хочешь все параллельно, то используй Promise.all
источник

A

Akbar in React: русскоязычное сообщество
Azat Belgibayev
async function SerialLoopFlow(jobs) {
 let finalResult = 0;
 for (const job of jobs) {
   let result = await doJob(job,job);
   finalResult += result;
 }
 console.log(finalResult);
}
SerialLoopFlow([1,2,3]);
хм попробую. Спасибо
источник
2020 December 24

С

Султан in React: русскоязычное сообщество
источник