p
Json Statem
Size: a a a
2020 October 06
AS
Foma
состояние?
Да.
F
и чтоза глобальное состояние?
F
Andrew Smith
Ааа. Так бы и сказал)))
Со стейтами вообще не понимаю зачем их делать и как с ними работать правильно, типа локальные, глобальные, что-то там в них делается само...
А калькулятор я на Js-е напишу, не думаю что там проблемы будут - разве что со стейтами этими)
Со стейтами вообще не понимаю зачем их делать и как с ними работать правильно, типа локальные, глобальные, что-то там в них делается само...
А калькулятор я на Js-е напишу, не думаю что там проблемы будут - разве что со стейтами этими)
, типа локальные, глобальные
AS
Foma
и чтоза глобальное состояние?
Честно - я х.з, на Ютубе так чел сказал 😅
AS
Foma
, типа локальные, глобальные
Типа глобальные стейты, в которых стоит хранить бизнес логику и локальные для фронта, элементов всяких локальных и т.п.
CM
Andrew Smith
Типа глобальные стейты, в которых стоит хранить бизнес логику и локальные для фронта, элементов всяких локальных и т.п.
Стейт менеджер
AS
Стейт менеджер
Да
p
Andrew Smith
Типа глобальные стейты, в которых стоит хранить бизнес логику и локальные для фронта, элементов всяких локальных и т.п.
Почитай доку Реакта хотя бы до середины, чтобы понимать как верстать с JSX
AS
persona x grata
Почитай доку Реакта хотя бы до середины, чтобы понимать как верстать с JSX
Та да. Завтра как раз почти весь день свободных, займусь чтением доков. А то уже аж бесит это недопонимание всего этого.
В
Andrew Smith
что я делаю не так?
нужно этот код в реакт перенести, но он отказывается работать
менюшка при скроле должна поменять цвет.
пытаюсь сделать так:
const header = document.querySelector('.header.container');
export default class Header2 extends React.Component {
state = {
scrol: header,
};
changeColor = ('scrol', () => {
this.setState color = scrollY
if (color > 250) {
${header.style.backgroundColor} = {style: '#29323c'};
} else {
${header.style.backgroundColor} = 'transparent';
}
});
нужно этот код в реакт перенести, но он отказывается работать
менюшка при скроле должна поменять цвет.
пытаюсь сделать так:
const header = document.querySelector('.header.container');
export default class Header2 extends React.Component {
state = {
scrol: header,
};
changeColor = ('scrol', () => {
this.setState color = scrollY
if (color > 250) {
${header.style.backgroundColor} = {style: '#29323c'};
} else {
${header.style.backgroundColor} = 'transparent';
}
});
Вообще самая грубая ошибка здесь состоит в использовании стандартных методов апи для работы с DOM (document.querySelector) в приложении на Реакте. Такой код нарушает концепцию и философию Реакта. Ведь Реакт это библиотека для создания интерфейсов декларативным способом. Можно сказать, что Реакт это абстракция над кодом, который просто работает с тем же DOM деревом посредством методов апи (document.querySelector, document.querySelectorAll и т.д). То есть Реакт берет на себя всю ответственность по взаимодействию с DOM, позволяя программисту не беспокоиться во время разработки о таких второстепенных и отвлекающих от основной мысли вещах как создание нового элемента, его добавление в уже существующий на странице элемент, добавление и удаление обработчиков событий и т.д.
А ты в своем коде идешь как бы в обход этих ключевых возможностей, делая тем самым использование Реакта в своем проекте вообще бессмысленным
А ты в своем коде идешь как бы в обход этих ключевых возможностей, делая тем самым использование Реакта в своем проекте вообще бессмысленным
p
Лендинг на Реакте это не самая лучшая идея из-за проблем спа и сео. Придется подключать Helmet js. Или переписать проект в Gatsby
DG
это у вас тут помощь такая? человек вообще ничего не понимает в реакте, а вы тут рассказываете куда лучше обработчики событий ложить?