Size: a a a

React — русскоговорящее сообщество

2021 April 03

АК

Алексей Коршунов... in React — русскоговорящее сообщество
У тебя приходит пропс, если он false, то ты не отрисовываешь компонент, но стейт у него всё равно есть, потому, что ты его отрысовываешь, когда пропс тру.
Или можешь вообще другой компонент отдавать
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Алексей
Пропс является как индикатор того, нужен ли стейт внутри компонента, грубо говоря. Это не значение
Так+^
источник

VC

Valera CSS_Junior in React — русскоговорящее сообщество
зачем так необходимо писать? ведь мы указали бабелю чтоб парсил выражение как JavaScript, но issue.title нужно тоже обернуть в {}, нужно ещё указать что это джаваскрипт внутри джаваскрипта? непонятно
источник

А

Алексей in React — русскоговорящее сообщество
Алексей Коршунов
Давай подробнее
Есть канвас кнопка (компонент). В нее передается куча пропсов. Вместе с ними передается state и setState из родителя (что является индикатором того, нажата ли кнопка или нет(boolean)). Стейт в родителе, так как иногда родитель должен знать о состоянии кнопки. Но не всегда. Есть кейс, где родителю знать не обязательно о состоянии кнопки, а кнопок на экране много (то есть придется создавать в родителе много стейтов).

То есть я внутри компонента кнопки хочу проверять приходит ли стейт в кнопку или нет. Если приходит, окей, юзаем его. Если не приходит - создаем свой
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Valera CSS_Junior
зачем так необходимо писать? ведь мы указали бабелю чтоб парсил выражение как JavaScript, но issue.title нужно тоже обернуть в {}, нужно ещё указать что это джаваскрипт внутри джаваскрипта? непонятно
у тебя в мапе jsx, это не js
источник

АК

Алексей Коршунов... in React — русскоговорящее сообщество
Алексей
Есть канвас кнопка (компонент). В нее передается куча пропсов. Вместе с ними передается state и setState из родителя (что является индикатором того, нажата ли кнопка или нет(boolean)). Стейт в родителе, так как иногда родитель должен знать о состоянии кнопки. Но не всегда. Есть кейс, где родителю знать не обязательно о состоянии кнопки, а кнопок на экране много (то есть придется создавать в родителе много стейтов).

То есть я внутри компонента кнопки хочу проверять приходит ли стейт в кнопку или нет. Если приходит, окей, юзаем его. Если не приходит - создаем свой
Мозг сломал мне. Кнопки рисуются на основании какого-то результата, если в результате у нескольких кнопок стоит признак, ты не нужен родителю, то зачем их рисовать?
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
Valera CSS_Junior
зачем так необходимо писать? ведь мы указали бабелю чтоб парсил выражение как JavaScript, но issue.title нужно тоже обернуть в {}, нужно ещё указать что это джаваскрипт внутри джаваскрипта? непонятно
у тебя js вложенный в jsx вложеный в js вложеный в jsx вложенный в js =) (как минимум)
источник

VC

Valera CSS_Junior in React — русскоговорящее сообщество
Dmitry Plyaskin
у тебя в мапе jsx, это не js
тогда не понятно как он парсит. он понимает что внутри js может находиться jsx получается.
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
Valera CSS_Junior
тогда не понятно как он парсит. он понимает что внутри js может находиться jsx получается.
ну да. У тебя в любом случае jsx всегда “вложен” в js
источник

VC

Valera CSS_Junior in React — русскоговорящее сообщество
Ilya Agarkov
у тебя js вложенный в jsx вложеный в js вложеный в jsx вложенный в js =) (как минимум)
тогда это не обычный парсер js, а jsx-js-jsx парсер какой-то. я то думал обычный
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Valera CSS_Junior
тогда не понятно как он парсит. он понимает что внутри js может находиться jsx получается.
не хочешь писать {} используй React.createComponent()
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
😐
источник

А

Алексей in React — русскоговорящее сообщество
Алексей Коршунов
Мозг сломал мне. Кнопки рисуются на основании какого-то результата, если в результате у нескольких кнопок стоит признак, ты не нужен родителю, то зачем их рисовать?
В кнопку передается clickFunction, который выполняется после клика на кнопку. "Состояние кнопки" - я имел ввиду mouseup и mousedown. Иногда родитель должен знать о том, что произошли эти события (в этом кейсе стейт лежит у родителя). Иногда ему знать не обязательно (в этом кейсе я хочу перенести стейт в сам компонент)
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
Valera CSS_Junior
тогда это не обычный парсер js, а jsx-js-jsx парсер какой-то. я то думал обычный
если понять во что и как превращается jsx, то сразу все  сразу встанет на свои места
источник

А

Алексей in React — русскоговорящее сообщество
Алексей
В кнопку передается clickFunction, который выполняется после клика на кнопку. "Состояние кнопки" - я имел ввиду mouseup и mousedown. Иногда родитель должен знать о том, что произошли эти события (в этом кейсе стейт лежит у родителя). Иногда ему знать не обязательно (в этом кейсе я хочу перенести стейт в сам компонент)
То есть мне, грубо говоря, нужно написать что-то вроде этого
источник

DP

Dmitry Plyaskin in React — русскоговорящее сообщество
Алексей
То есть мне, грубо говоря, нужно написать что-то вроде этого
нельзя так писать
источник

А

Алексей in React — русскоговорящее сообщество
Dmitry Plyaskin
нельзя так писать
В этом и вопрос, как написать
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
Алексей
В этом и вопрос, как написать
можно попробовать описать задачу целиком. И именно задачу а не предпологаемый тобой способ решения
источник

VC

Valera CSS_Junior in React — русскоговорящее сообщество
Ilya Agarkov
если понять во что и как превращается jsx, то сразу все  сразу встанет на свои места
ну и во что это выражение превратиться?
источник

А

Алексей in React — русскоговорящее сообщество
Переслано от Алексей
Есть канвас кнопка (компонент). В нее передается куча пропсов. Вместе с ними передается state и setState из родителя (что является индикатором того, нажата ли кнопка или нет(boolean)). Стейт в родителе, так как иногда родитель должен знать о состоянии кнопки. Но не всегда. Есть кейс, где родителю знать не обязательно о состоянии кнопки, а кнопок на экране много (то есть придется создавать в родителе много стейтов).

То есть я внутри компонента кнопки хочу проверять приходит ли стейт в кнопку или нет. Если приходит, окей, юзаем его. Если не приходит - создаем свой
источник