Зачем

что б не писать <Component data={data}>

Куда лучше всегда явно указывать ключ, а не мешать {something} и something2={something3}

те сокращненную нотацию инита обьектов не юзаешь?

Передача пропсов через jsx это все-таки несколько другой синтаксис)

те ты пишешь <Component prop={true}> ?

те ты пишешь <Component prop={true}> ?

<Component prop>

Мы же говорили про <Component prop={prop} /> vs < Component {prop} />)

<Component prop> этот пример пример привел что тоже неочевидно во что бабель траспайлит это и живем же

Просто именно {data} выглядит как бесполезная конструкция

значит эти три ф-ии уже в бандле

Вот например ты передаешь в компонент title="Заголовок", внутри ребенок Title, у которого этот title надо передать допустим в content, получается тебе надо писать content={title}

Где-то ты пишешь {data}, а где-то явно content={title}

а где то <Component prop> ))

а где то <Component {...props}>

А это необходимость, как ты еще rest передаешь в ребенка?

не буду юзать jsx )

не буду юзать jsx )

createElement рулит так сказать?

Большие конструкции на createElement писать больновато))

Ну ты странный)))

Просто у тебя среди декларативного jsx императивный createElement вписывается

А поясни почему тут jsx декларативный а нижняя запись императивная?

Хз, может это мой предрассудок, но энивей не вписывается

Я так понял тебе нравится когда есть миллион вариантов записи одного и того же, поэтому топишь за {prop}

Ладно, об этом походу бесполезно спорить)

<Component style={{color}}> так не разу не писал ?

Писал, но тут нет ничего особенного

Но ведь это не декларативно

И ты долго еще приебываться собрался?)

Иключение - {...rest} чтобы остальные пропсы прокинуть

И ты долго еще приебываться собрался?)

Вообще очень не советую так делать

ребят, подскажите, в чем затык? уже 2ч бьюсь.. то ли я чего-то в упор не вижу, то ли крыша поехала.. https://codepen.io/artof/pen/MNWEMN?editors=0110 имеем простейший хендлер на window scroll событие. Когда докручиваемся до красной полоски, до элемента .watcher - стейт должен менять setLoading на true соответственно. Но почему-то этого не происходит.

Всем привет, подскажите пжлст, как сделать переключатель (показать/скрыть контент) для контента, который отрисовается в цикле. У меня на странице 3 вопроса, у каждого есть кнопка скрытия. Вопросы перебираются в цикле. Сейчас сделал переключатель, но при клике на кнопку скрываются ВСЕ вопросы на странице. А надо, чтобы только тот, по которому кликнули. Как сделано сейчас: const [displayUserAnswer, toggleAnswerButton] = useState(true); return ( {questions.map((question, index) => ( <div key={index}> … <button onClick={() => toggleAnswerButton(!displayUserAnswer)} /> … {displayUserAnswer && (сам контент) ))}

Вообще очень не советую так делать

Скажи это стайледам и реакт роутеру)

Но если оно скрыто, то ок

ребят, подскажите, в чем затык? уже 2ч бьюсь.. то ли я чего-то в упор не вижу, то ли крыша поехала.. https://codepen.io/artof/pen/MNWEMN?editors=0110 имеем простейший хендлер на window scroll событие. Когда докручиваемся до красной полоски, до элемента .watcher - стейт должен менять setLoading на true соответственно. Но почему-то этого не происходит.

Просто у тебя loading в handler всегда false, потому что на момент addEventListener забрал loading из замыкания при создании handler

Просто у тебя loading в handler всегда false, потому что на момент addEventListener забрал loading из замыкания при создании handler

если я в useEffect подпишусь на loading - это решает проблему, но насколько это плохо? события не будут дублироваться?