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

либо баинди контекст

в красном просто используй стрелочную функцию

не уверен что получится, но ща попробую

но в конструкторе лучше

да я знаю. просто не понимаю что за this перед функ внутри констр

вот парочка статей https://reactjs.org/docs/faq-functions.html https://www.freecodecamp.org/news/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56/

помогите понять, почему onSnapshot(auth, console.log) показывает, что isAuthenticated == true, а user == undefined, не смотря на то, что он приходит

не уверен что получится, но ща попробую

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

как обычно оборачивают ошибки реакта? чтоб пользователь не видел стек ошибки.

не уверен, что ты это имел ввиду, но есть такой способ обрабатывать ошибки - https://reactjs.org/docs/error-boundaries.html

ну, хотелось как-то обернуть всё приложение. ошибка может быть в рандомной части. каждый элемент оборачивать такое себе.

можно обернуть один раз где-нибудь наверху

как обычно оборачивают ошибки реакта? чтоб пользователь не видел стек ошибки.

но таким образом нигде ничего байндить не надо

Для таких дел оборачивай в Main js каком - то с нужным лайфсайклом catch. Ещё помогают ловить более детально всякие sentry

стрелка так же баиндин внутри себя контекст

ну в конструкторе 10 методов не пишут обычно, тем более что они могут быть объемные

а какая разница в или вне. скрипт будет такой же длины

стрелка ничо не байндит

ну есть styleguide, конвенции. Не хотел бы я столкнуться с кодом, который писали с таким подходом

есть новый, еще не стандартизированный метод вне конструктора, в классе, наверное знаешь. там стрелкой

это никакой не новый метод, есть такая штука как контекст вызова, у лямбда функций его нет, всьо

<form onSubmit={this.handleSubmit}> <TextField style={{width: '100%'}} id="standard-name" label="Имя" margin="normal" value={this.state.name} onChange={this.handleChangeName} /> <TextField style={{width: '100%'}} id="lastName" label="Фамилия" margin="normal" value={this.state.lastName} onChange={this.handleLastName} /> <input type="submit" value="Отправить" /> </form> Вот такая форма есть, я все поля её обрабатываю отдельным хэндлером, типа таких handleChangeName(event) { this.setState({name: event.target.value}); } handleLastName(event) { this.setState({lastName: event.target.value}); } если у меня их 20 штук полей, то для всех нужен отдельный метод или я попутал что-то ? делаю первый раз по доке, не кидайтесь ) по тз мне надо собрать все поля и отправить json на сервак интуитивно думаю что делаю не так, поэтому решил у опытных узнать, можно ли собрать все значения полей и отпавить jsonом?

<form onSubmit={this.handleSubmit}> <TextField style={{width: '100%'}} id="standard-name" label="Имя" margin="normal" value={this.state.name} onChange={this.handleChangeName} /> <TextField style={{width: '100%'}} id="lastName" label="Фамилия" margin="normal" value={this.state.lastName} onChange={this.handleLastName} /> <input type="submit" value="Отправить" /> </form> Вот такая форма есть, я все поля её обрабатываю отдельным хэндлером, типа таких handleChangeName(event) { this.setState({name: event.target.value}); } handleLastName(event) { this.setState({lastName: event.target.value}); } если у меня их 20 штук полей, то для всех нужен отдельный метод или я попутал что-то ? делаю первый раз по доке, не кидайтесь ) по тз мне надо собрать все поля и отправить json на сервак интуитивно думаю что делаю не так, поэтому решил у опытных узнать, можно ли собрать все значения полей и отпавить jsonом?

<form onSubmit={this.handleSubmit}> <TextField style={{width: '100%'}} id="standard-name" label="Имя" margin="normal" value={this.state.name} onChange={this.handleChangeName} /> <TextField style={{width: '100%'}} id="lastName" label="Фамилия" margin="normal" value={this.state.lastName} onChange={this.handleLastName} /> <input type="submit" value="Отправить" /> </form> Вот такая форма есть, я все поля её обрабатываю отдельным хэндлером, типа таких handleChangeName(event) { this.setState({name: event.target.value}); } handleLastName(event) { this.setState({lastName: event.target.value}); } если у меня их 20 штук полей, то для всех нужен отдельный метод или я попутал что-то ? делаю первый раз по доке, не кидайтесь ) по тз мне надо собрать все поля и отправить json на сервак интуитивно думаю что делаю не так, поэтому решил у опытных узнать, можно ли собрать все значения полей и отпавить jsonом?

это никакой не новый метод, есть такая штука как контекст вызова, у лямбда функций его нет, всьо

<form onSubmit={this.handleSubmit}> <TextField style={{width: '100%'}} id="standard-name" label="Имя" margin="normal" value={this.state.name} onChange={this.handleChangeName} /> <TextField style={{width: '100%'}} id="lastName" label="Фамилия" margin="normal" value={this.state.lastName} onChange={this.handleLastName} /> <input type="submit" value="Отправить" /> </form> Вот такая форма есть, я все поля её обрабатываю отдельным хэндлером, типа таких handleChangeName(event) { this.setState({name: event.target.value}); } handleLastName(event) { this.setState({lastName: event.target.value}); } если у меня их 20 штук полей, то для всех нужен отдельный метод или я попутал что-то ? делаю первый раз по доке, не кидайтесь ) по тз мне надо собрать все поля и отправить json на сервак интуитивно думаю что делаю не так, поэтому решил у опытных узнать, можно ли собрать все значения полей и отпавить jsonом?

ну вот кажется так первое рекомендует документация. каждую фукнцию отдельно байндить?)

ну вот кажется так первое рекомендует документация. каждую фукнцию отдельно байндить?)

Лучше стрелкой метод объявить

не понимаю. так что ли? так раб

Лучше стрелкой метод объявить

да, если передаёшь её дальше)

Да