Вы можете заимпортить package.json просто и взять это из него напрямую

бля. что не так то?

Не вариант. Нашел такой пакет, но он каменты добавляет https://www.npmjs.com/package/webpack-auto-inject-version

let [inputValue, SetInputValue] = useState(''); ... inputValue = e.target.value.toLowerCase(); SetInputValue(inputValue);

let [inputValue, SetInputValue] = useState(''); ... inputValue = e.target.value.toLowerCase(); SetInputValue(inputValue);

и зачем тогда setInputValue?

я делаю то же ссамое, минуя стадию inputValue = e.target.balue

Чтобы обновить стейт, очевидно

что же такое стейт, если не переменная inputValue

В inputValue = ... ты получаешь текущее значение

Иммутабельный обьект

так чем он представлен тогда?

что же такое стейт, если не переменная inputValue

Ещё раз тебе повторяю, это НЕ стейт, а строка, которую ты получил из стейта. Она не поменяется из-за того, что ты сделал SetInputValue

inputValue вы туда передаёт, а он ещё не поменялся, потому что setInputValue асинхронная

Стейт каждый рендер приходит новый. Реакт сравнивает предыдущий стейт и новый, чтобы понять какие части dom перерисовать. Поэтому setState работает асинхронно. И в переменной inputValue хранится значение из dom, но в момент события изменения input это значение ещё не изменено(вы только сказали реакту его изменить). Вы ожидаете синхронного поведения, но это так не работает

Стейт каждый рендер приходит новый. Реакт сравнивает предыдущий стейт и новый, чтобы понять какие части dom перерисовать. Поэтому setState работает асинхронно. И в переменной inputValue хранится значение из dom, но в момент события изменения input это значение ещё не изменено(вы только сказали реакту его изменить). Вы ожидаете синхронного поведения, но это так не работает

хорошо а если сравнивать предыдущие стайт и новый и если они не равны отрисовавать) да блин должно быть решение .Это повседневные задачи) я только начинаю учить реакт

согласен. мне непонятна ваша формулировка про стейт. разве стейт не хранитсч в переменной inputValue?

Бля. Я два раза тебе сказал, что нет.

нету у вас текущего стейта , только предыдущий

так где же он хранится?

Стейт — это некая абстрактная хуйня в оперативной памяти, из которой можно брать значения при помощи useState и менять его при помощи функции, взятой оттуда же. Полученные значения не меняются. Это как "фотография" стейта, сделанная в момент вызова useState.

"из которой можно брать значение" - ну?

Ты все ещё не скинул полностью код ?)

Баранки гну. Ты уже взял это значение и положил его в inputValue. SetInputValue поменяет стейт, на эту переменную он повлиять не может.

я ведь как-то передаю эту переменную вниз, и она меняется

Она меняется при СЛЕДУЮЩЕМ рендере

Она меняется при СЛЕДУЮЩЕМ рендере

наверное ты хочешь сказать, что вызывается updSearchBar(), и при ре-рендере searchBar обновлчется?

useState вызывается при каждом рендере и возвращает текущее значение стейта

Да

ну так же и стейт реакта условно работает, с точки зрения доступа к нему

ну так же и стейт реакта условно работает, с точки зрения доступа к нему

ну так же и стейт реакта условно работает, с точки зрения доступа к нему

Тут вопрос-то не в асинхронности. Человек не понимал, почему не изменяется inputValue после изменения стейта.

Тут вопрос-то не в асинхронности. Человек не понимал, почему не изменяется inputValue после изменения стейта.

так стоп. мы же только что пришли к тому что изменяется

ты создал переменную, которая никогда не меняется и консолишь. втф

При следующем вызове. В рамках одного вызова не меняется

потому что setState его мутирует

потому что setState его мутирует

const [searchBar, updSearchBar] = useState([]); —- здесь тоже

Здесь нет. Здесь при каждом рендере создаётся новая переменная.

Не мутирует, а кладёт туда новый объект

вот так понятнее. А когда нужно положить что то другое, реакт ищет вызов updSearchBar и в эту переменную кладет аргумент, верно?

Нет. После рендера скоуп функции уничтожается вместе со всеми переменными, при следующем рендере создаётся новый скоуп, переменные объявляются заново, и вызов useState кладёт туда новое значение стейта.

Да.

знает кто как заимпортить сксс стили в гатсби глобально, чтобы не пришлось импортить в каждой странице?

Парни подскажите как лучше учить React?)

Парни подскажите как лучше учить React?)

Запилить на нём что-нибудь