Почему в styled-components нельзя использовать такую обёртку?

помню children рассматривал на последних страницах распечатки по React,
там был пример, про общий компонент Dialog и его можно было наполнять пропсами, и менять диалог на приветствующий диалог и т.п.
но я что-то запутался, сейчас остановился на таком варианте, он работает, стили подключаются, после, как доделаю буду с пропсами разбираться, может сокращу кол-во компонентов.

Почему в styled-components нельзя использовать такую обёртку?

Понял свою ошибку надо было в одном файле это делать, все компоненты там объединять,
но почему если у меня есть два компонента, то такая запись показывает мне только первый компонент, а второго как бы не существует?

Чем заменить однотипные else if?

берите, пробуйте, открывайте профайлер,
смотрите на скорость выполнения кода,
свитч и if else это одно и тоже,
или меняйте алгоритм программы, делайте меньше операций и т.п., уменьшайте срок выполнения.

Cервер express js и доменное имя?

домен никуда не редиректится, просто напрямую пытаюсь подключится,
мой ip, url адрес и порт 80
раньше давно пробовал, через какой-то хостинг подключать, но там нужно было ещё nameservers указывать.
На сайте было указано CHANGE YOUR DNS TO
80.80.80.80
80.80.81.81
или мне нужно на роутере настроить ddns?
Проверил домен на некоторых сайтах пишет 1 IPV4 RECORD FOUND и мой указанный адрес.
Если через proxy захожу пишет dial tcp (my ip):80: i/o timeout

Как привести формат ФИО к одному значению?

попробуйте разделить все на три столбика 1 2 и 3-й.
где имен визуально больше пусть это будет столбик имён, где фамилий, пусть фамилии и т.д.
а далее попробуйте создать один точный столбик с именами во всех Ваших строчках(ключи),
после можно попробовать изменять позиции слов через пробелы по условию если Имя первое то Ок,
если Имя второе, тогда применить такую-то функцию, и изменить позицию, если отчество...
Но опять же если это разовая работа, это одно,
а если каждый день так сортировать другое.

React стилизация и медиа запросы для адаптивного дизайна?

-inline-стиль example: <h1 style={{ backgroundColor: "lightblue" }}
-inline- с переменными, например,

const mystyle = { backgroundColor: "lightblue" }
return ( <h1 style={ mystyle }> Text </h1>

, названия переменной можно и с большой буквы.
-просто импорт .css файлов и классы className для элементов
-сss-modules
-styled components
-Tailwind
Из всех этих вариантов наверно это сss-modules и styled-components?

Почему при просмотре сайта в Фигма, левая часть сайта искажена?

Попробуйте изменить что-то с блоком или фреймом,
скопируйте фрейм с текстом "На всю продукцию мы даём гарантию",
поменяйте текст на "Заказывая мебель в нём",
возможно это поможет.

Canvas линия и способ её описания?

пока не сильно вникал в canvas, svg или three js и т.п.
А что означает что нельзя сохранить саму линию.
Например, если в Inkscape в векторе нарисовать линию,
и после сохранить в формате svg,
Там также происходит сохранение объекта и после загружаются параметры линии из файла?
Имею ввиду технология, логика будет такой же? Классы, объекты, сохранение параметров в файле и последующая загрузка на экран.
Поиск наименее затратных функций обработки файлов, создания объектов, схемы создания скажем архитектуры или иерархии для рисования геометрии и т.п.
Спасибо.

Собрать все ошибки error в массив и вернуть промис?

Если я подключил настройку для axios headers

"headers": {
				"Accept": "application/json, text/plain, */*",
				"User-Agent": "Mozilla Firefox: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:53.0) Gecko/20100101 Firefox/53.0",
				"Cache-Control": "no-cache",
				"Pragma": "no-cache",
				"Expires": "0",
				"Accept-Encoding": "gzip, deflate, br"
			},

Мне cache таким образом всё равно не получиться очистить? Или это уже в настройках const app = express() вот этого экспресса делать?

Собрать все ошибки error в массив и вернуть промис?

Рассмотрел этот пример, и у меня возникло несколько вопросов,
Например, когда я делаю по 214 запросов, через 10 сек каждые, у меня в итоге снижается кол-во ошибок, и все страницы загружаются через cache axios?
Какой смысл тогда, сортировать вообще ссылки, разве что битые и не рабочие совсем. Если таким образом я грубо получаю в итоге все данные благодаря cache?
Всё время работал из консоли в VS, но понимаю, т.к. как очистить кеш через axios заголовки не получилось, и строки app.use(nocache()); app.disable('view cache'); также не помогли, то необходимо это в браузере делать? и следить в dev tools - network как идут запросы?
Например, если запрос на 300 ссылок, где 7 ошибок и 293 fulfilled идёт 60 сек, то после нескольких прогонов он равен 7-8 секундам. На эту задержку влияет только сервер на той стороне?
Смогу ли я пропинговать так какой то сайт или свой сервер на допустимое кол-во запросов?
Если цепочка промисов собрана и в конце в последнем .then идёт вывод в консоль результатов results, errors, а resolve только один, допустимо ли сделать такую запись, чтобы вывести логи в консоль и промис вернуть .

}).then(( {results, errors} ) => {
       resolve(console.log(results.length + " " + "results in Total"))
       console.log(errors.length + " " + "errors in Total")
     });

Будет ли правильным например в этом случае обернуть именно axios.get в Promise.allSettled, а return'ом уже выводить данные и этого блока для обработки?
Спасибо.

async function run() {
    const batch = new Array(300)
     .fill()
     .map((_, i) => `url=${i}&`)   // URL запросов
     .map(url => axios.get(url));
   const responses = await Promise.allSettled(batch);
   return responses;
   }