1233211

Варианты:
1) выкинуть на мороз первый useEffect. При смене activeTab (это ведь происходит по клику на каком-то элементе?) заодно делать setPage(1).
2) дублировать в useRef текущие значения стейта, обновлять во втором эффекте, и не вызывать загрузку при определенной комбинации. Немного костыльный вариант, советую всё таки первый.

function getCombination(arr, n) {
  const sortedArr = JSON.parse(JSON.stringify(arr)).sort();
  const results = [];
  const part = [];

  for(let i = 0; i < sortedArr.length; i++) {
    part.push(sortedArr[i]);

    const summ = part.reduce((a, b) => a + b);
    
    if (summ === n) {
      results.push([...part]);
    }

    if (summ > n) {
      part.pop();

      i = sortedArr.indexOf(part[part.length - 1]);
      
      part.pop();
    }
  }

  return results;
}

console.log(getCombination([7, 8, 3, 4, 5, 6, 1, 2], 8)); 
// [[1, 2, 5], [1, 3, 4], [1, 7], [2, 6], [3, 5], [8]]

Пример:

(async function() {
    
    var blob = await (await fetch('https://dr.habracdn.net/qna/637b1a73/images/favicons/apple-touch-icon-180x180.png')).blob();
    
    var file = new File([ blob ], 'Favicon.png', { type: blob.type });
    
    console.log(file);
    
})();

Открой консоль на этом сайте Ctrl + Shift + J и вставь и запусти код выше.

Только чтобы был правильный lastModified, надо отдельно вытаскивать его из заголовков ответа.

натрави fetch на эту ссылку с картинкой. Скачается примерно такой же объект, правда, без lastModified, lastModifiedDate, name и webkitRelativePath. Но они тебе всё равно не нужны.

https://developer.mozilla.org/en-US/docs/Web/API/R...

В header добавляете иконку, на иконку событие клика которое скроет header и покажет вместо нет строку поиска.
Когда будете заполнять поиск, на инпут вешаете дебаунс, и выполняете поиск элементов. Выводите их. При закрытии поиска вызывается хэндлер на закрытие поиска и показ header

navigator.userAgent
Информацию о браузере - устройствe и тп

fetch('https://api.ipify.org/').then(
  r => r.text()
).then(console.log);

ip

Можно достать информацию из navigator.userAgent и регулярными выражениями разбить полученную информацию на нужные фрагменты, после чего использовать. Но такой вариант подходит если есть опыт работы с регулярными выражениями.

Если пойти другим путем, можно вывести в консоль объект navigator и посмотреть какие свойства имеются в наличии, после чего подготовить функцию в которой будет происходить получение информации из нужных свойств объекта. Например в navigator.userAgentData хранится информация, которую можно использовать сразу, без обработки регулярными выражениями.

Или поискать библиотеки для подобных задач и использовать их для решения своих задач. Например есть такая библиотека UAParser.js или browser-dtector или Detect.js или куча других готовых решений.

Про получение IP - адреса, уже написали в соседних ответах.

console.log('инфа по браузеру',navigator.userAgentData);
console.log('батарея',await navigator.getBattery());
console.log('местоположение',await navigator.geolocation.getCurrentPosition())
console.log('ip', await fetch('https://ipinfo.io',{credentials:'omit'}).then(res=>res.json()));

Потому что это шаблон, для конкретного числа чередований маленьких букв и дефисов , три с буквами и два дефиса
Нужен универсальный шаблон, который с точки, за которой следует маленькая буква \.[a-z] , захватывает всю комбинацию из маленьких букв и дефисов до появления любого другого символа (или конца строки или файла) [a-z-]+
еще надо предусмотреть наличие цифр в именах, возможный запрет на два дефиса подряд и другие возможные условия
\.[a-z][a-z-]+

^\.([a-z]+-?)+$

\.[a-z]+(-[a-z]+)*

\.[a-z]+(-[a-z]+)+

getUsers()
            .then((users) => (this.users = users))
            .then(() => getOrganizations())
            .then((organizations) => (this.organizations = organizations))
            .then(() => this.setState({ loading: false }));

Вот здесь место then лучше использовать await и try catch.

if (this.state.loading) {
      return "Loading...";
    }

    let users = [];

    for (let i = 0; i < this.users.length; i++) {
      const name = this.users[i].name;
      let org;

      for (let j = 0; j < this.organizations.length; j++) {
        if (this.organizations[j].id === this.users[i].organization) {
          org = this.organizations[j].name;
        }
      }

      users.push(
        <div className="user-list-item">
          <div>name: {name}</div>
          <div onClick={() => this.selectOrg(org)}>org: {org}</div>
        </div>
      );
    }

Вот здесь переменные всегда должны быть сверху выше всех

{this.state.selectedOrg && <button onClick={() => this.resetSelectedOrg()}>reset selected org</button>}

Не стоит создавать анонимные функции это плохо влияет на React

for (let j = 0; j < this.organizations.length; j++) {
        if (this.organizations[j].id === this.users[i].organization) {
          org = this.organizations[j].name;
        }
      }

Я одно понять не могу зачем делать такие циклы и использовать как перебор массива, когда есть
for (let i of arr)
Работает как у тебя, но кода будет чище

В целом компомнент не плохой, но написан на классовом компоненте, лучше писать на функиональном компоненте кода будет намного чище

arr.reduce((acc, n) => (
  n = n.match(/(\S+) = (.*)/),
  n && (acc[n[1]] = n[2]),
  acc
), {})

Да можно в принципе и в лоб написать функцию ) Регулярные выражения трудно поддерживать, а код ведь надо максимально понятным держать. Минус решения в лоб в том, что есть завязка конкретно на такой формат данных, и если что-то в них поменяется - надо будет менять и функцию, но с другой стороны регулярное выражение тоже надо будет править, так что..

const parseArrayOfLines = (arrayOfLines) => {
  const result = {};
  
  try {
    arrayOfLines.forEach((line) => {
      const lineTokens = line.split(' ');
      const equalsPosition = lineTokens.indexOf('=');
      const isValidLine = equalsPosition !== -1;
  
      if (!isValidLine) {
        return;
      }
  
      const keyPosition = equalsPosition - 1;
      const valuePosition = equalsPosition + 1;
  
      result[lineTokens[keyPosition]] = lineTokens[valuePosition];
    });
  } catch (error) {
    //
  } finally {
    return result;
  }
};

Потому что useModal (и как следствие, компонент, использующий этот хук) использует значение из контекста, и если это значение меняется, будут ререндериться все компоненты, которые зависят от значения контекста (то есть, даже те компоненты, которые работают с другими модалками, ибо контекст общий для всех).

[{row: 1}, {row:1}, {row:1}].every( (e,i,a) => e.row === a[0].row )

Держи пример.
https://jsfiddle.net/Nekoguard/m0pyL52g/

Тут инпут только там, где единица. Остальное - тупо поле со сверстанными процентом и кнопками вверх\вниз, которые работают через js. Так что решение простое, верстаете как на макете, затем позиционированием вставляете слева реальный инпут. И останется в js кнопочки активировать, чтоб верхняя брала значение инпута, добавляла +1 и вставляла в инпут, а нижняя делала тоже самое, только -1. Вот и вся задача. Главное проверку добавьте, чтобы при -1 ниже нуля не опускалось значение.

Есть вариант, что апишка в результате редиректнет на этот урл