Ну правильно

Вот так сделал, потом в this.textInput.value подсвечивает :D Типа может быть null

Jesus! Конечно подсвечивает! Он же может быть нулем. Напиши уже нормально this.textInput && this.textInput.value

Jesus! Конечно подсвечивает! Он же может быть нулем. Напиши уже нормально this.textInput && this.textInput.value

Спасибо :))

Гайс,как получить контекст элемента при клике на него ?

Пробрасывай onClick и через него передавай

Или что ты называешь контекстом?

Ну мне нужен контекст именно того элемента по которому я кликаю,чтобы добавить к нему класс

В чистом js это вообще не проблема ,тут что-то не понимаю

Что такое контекст в твоём понимании?

this элемента

Заведи флаг в стейте и переключай его при клике

У меня повторяющиеся элементы ,к ним всем будут применен этот класс

Не будет

Они через map итерируются ,и поэтому если я добавлю класс к одному то все его получат ,можно конечно вынести элемент в компонент ,но думал есть проще решение

Заведи множетство флагов с тейте и переключай при клике.

Блин, это так сложно?

Или храни в стете только переключенные элементы

Спасибо ,я понял

Они через map итерируются ,и поэтому если я добавлю класс к одному то все его получат ,можно конечно вынести элемент в компонент ,но думал есть проще решение

А ты пробовал?

Да

Блин, да кто ж так делает, ещё и совет с флагами в стейте

Делаешь onClick={this.handler.bind(this, someButtonContextOrID)}

В хендлере получаешь айдишку что нажали

и получаешь ререндер каждый раз из-за бинда)

Если родитель сам получит ререндер

Схера ли?

Да и scu никто не отменял

Схера ли?

потому что .bind создает новую функцию каждый раз

И что?

Ни стейт ни пропсы он не меняет

пропсы меняет

лол

у тебя будет props.onClick !== nextProps.onClick

Дочерних, пусть меняет

Делаешь onClick={this.handler.bind(this, someButtonContextOrID)}

onClick={(event)=>{this.handler(someButtonContextOrID);}}?

onClick={(event)=>{this.handler(someButtonContextOrID);}}?

Ща скажут что опять новая функция на каждый рендер

с чего?

Потому что по спецификации

Ну а как?

тогда в конструкторе this.handler = this.handler.bind(this)

Кек

Тогда без контекста

Можно ещё компоненты научить прокидывать свои пропсы в коллбек типа айди

Но нахуя

updateForKeys из recompose и вперёд

Никаких ререндеров

тогда в конструкторе this.handler = this.handler.bind(this)

handler = (event) => {}

https://medium.freecodecamp.org/react-binding-patterns-5-approaches-for-handling-this-92c651b5af56

Эх, щяс бы в 2018 году бинд в рендере обсуждать?

ты год перепутал

2018 был в том году

"Вас пригласили завтра, а вы все время приходите сегодня"

https://twitter.com/housecor Я не знал, что Станнис на реакте пишет

сложно

@ZeroBias Сергей https://github.com/Mitranim/posterus

?

@ZeroBias Сергей https://github.com/Mitranim/posterus

О, с шедулером

Блин, да кто ж так делает, ещё и совет с флагами в стейте

Чем плохи флаги в стейте?

По поводу лицезии (может кто не видел) https://code.facebook.com/posts/112130496157735/explaining-react-s-license/

Чем плохи флаги в стейте?

Есть код с флагами в стейте? По хорошему надо выносить в компонент и оттуда колбечить, но человек так не захотел

https://code.facebook.com/posts/112130496157735/explaining-react-s-license/

Какие последствия?

никаких

ERROR: S client not available

рили?

да

уже очень много раз были разговоры про это

ну лан

Всем привет. Возможно кто натолкнет на мысль или кинет ресурс. буду очень признателен/ Вопрос такой: В родительском компоненте есть функция. которая принимает параметр item мы передаем эту функцию в дочерний компонент <Child delete={this.DeleteItem.bind(this)}/> В компоненте child я вызываю эту функцию допустим на клик onClick={this.props.delete(item)} - если так написать то item not defined Если убрать item то функция не передает item который должна принять функция в родительском комп Задача - в дочернем компоненте вызвать функцию с родительского и передать ей параметр из дочернего

Декоратор создай.

Или DeleteItem пусть возвращает функцию, которая принимает item

Но лучше первое.

Я еще думал может саму функцию написать в дочернем компоненте и возможно как то обновить стэйт в родительском

Функция сама вроде вызывается в дочернем и лог дает но параметр не передать (

Напиши декоратор

const a = item => DeleteItem(item)

Функция сама вроде вызывается в дочернем и лог дает но параметр не передать (

Просто в это дочернем компоненте сделай метод handleClick = () => { const { delete, item } = this.props return delete && delete(item) } И передавай onClick={this.handleClick}

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

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

Ты про bind зис? Это надо сделать в конструкторе родителя

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

А в моем примере я добавляю метод

Это не внутри рендера (очевидно же)

А, ты метод класса хочешь сделать. Не прав был.

Cannot read property 'props' of null

(((

Слушайте, а зачем в setState может понадобиться передать функцию?

bind | arrow fn

^

на handleClick

bind(this) позволяет функции заработать но параметр от дочернего в итоге так и не передается (

ведь ты ничего не передаешь

в handleClick