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

Используй Стейт верхнего компонента и пробрасывай onСhange в stateless компонент со свичом например

это все звучит как магия

В реакте нет магии

Ты напрямую пробрасываешь то, что тебе нужно

Даже DI толком нет

Даже DI толком нет

И слава богу

у меня была идея сделать компонент из кнопки и текста и тогда я бы мог легко текст включать выключать - но хотел бы правильно научиться

И слава богу

Ну тут можно ПОСПОРИТЬ

у меня была идея сделать компонент из кнопки и текста и тогда я бы мог легко текст включать выключать - но хотел бы правильно научиться

Ну у тебя кнопка, по-идее, должна быть вещью в себе, а её хендлер пробрасывай снаружи

вы не будете драться если я спрошу урок на тему или пример кода? спасибо большое

я упорно не могу нагуглить ничего на тему

Ну тут можно ПОСПОРИТЬ

Я просто в ангуляре последнем после реакта увидел DI. Ну такое короче

с солидити и css я подразобрался, реакт еще не совсем заходит местами

В реакте нет магии

Для него это звучит как магия, потому что вы даёте ему советы с использованием таких слов как хендлнр stateless лол кек ролф чебурек и другие заклинания

)))

у меня вот такой простенький лендинг для приглашения друзей в игру: https://gnoblin.github.io/tanksalot-friends-landing/

там еще есть пару вопросов по верстке и хочу по нажатию на кнопку текст включить с подсказкой, остальное вроде работает

(для контекста)

спс

в портретной ориентации нормально смотрится

а по связке react-redux тут можно что-то спрашивать или это отдельный чат?

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

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

В доке реакта раздел lifting state up вроде бы

о, момент

Для него это звучит как магия, потому что вы даёте ему советы с использованием таких слов как хендлнр stateless лол кек ролф чебурек и другие заклинания

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

Вот как раз там никакой магии и нет

Всё предельно просто

(кстати, тебя же самурай Джек выпилил, что ты делаешь тут и почему пишешь на реакте)

Готовлю армию роботов, ПО которых програмлю на реакте

На реакте, это чтоб они совсем ебанутые были

На реакте, это чтоб они совсем ебанутые были

Попробуй тогда жиквери лучше

На пхп

Отработал – умир

примерно набросал, но ругается на this.setState({showHint: true}); TypeError: this.setState is not a function

вроде все по справке реакта, не понял что пошло не так

у меня есть две иконки, на ховер каждой нужно добавлять класс active, как это грамотно сделать? в гугле юзают смену стейта, но это подходит для одной иконки

Так... есть две иконки

у меня есть две иконки, на ховер каждой нужно добавлять класс active, как это грамотно сделать? в гугле юзают смену стейта, но это подходит для одной иконки

А почему для двух не подходит? ?

Блин, ребят, вы, кажется, не понимаете суть реакта

ну ты потому что класс active им будешь ставить this.state.active ? 'active' : ''

когда навел на одну стейт поменялся и обе будут active

classnames

В нпм

Мммм а если сделать стейт по id кнопки ?

в конструкторе страницы: this.state = { showHint: false, }; метод у страницы: setFlag() { this.setState({showHint: true}); } есть компонент с подсказкой, туда передаю флаг <Hint showHint={this.state.showHint} hintText={strings.hintText}/> в компонент-кнопку пробрасываю колбек <DeepLinkButton showHintCallback={this.setFlag} в кнопке обрабываю клик и дергаю колбек, который прокинул: handleClick() { this.props.showHintCallback(); } компонент подсказки объявлен просто как функция (в файле со страницей, но вне класса страницы): function Hint(props) { if (props.showHint === true) { return <div><br></br><div className="hintText">{props.hintText}</div><br></br></div>; } else { return <div></div>; } }

classnames

мне нельзя это юзать

Почему?

Тимлид сказал нельзя

Мммм а если сделать стейт по id кнопки ?

ну только если так..

Это маленький вспомогательный пакет

Никому не будет плохо, если его подтянуть

Да хоспаде, его себе скопипастить можно даже :)

а есть какой-то топ100 самый крутых пакетов ?

да я тестовое фигарю, тут все ограничено

ну только если так..

Короче тебе надо в кэлбеки передавать id кнопки что бы он хочет в кэлбек тип возвращал, а в колбеке по типу писать стейт

да я тестовое фигарю, тут все ограничено

Прям НАСТОЛЬКО ограничено?

Код посмотреть не могу с телефона ужасно выглядит

Код посмотреть не могу с телефона ужасно выглядит

если это про меня- могу на гист залить

Вчера чувак тестовое на реакт прислал полностью на jquery

Он не парился по поводу ограничений

а есть какой-то топ100 самый крутых пакетов ?

react, redux, jest, styled-components, reselect, recompose, ramda

Вчера чувак тестовое на реакт прислал полностью на jquery

)))

Архивом с node_modules ?

А чоу за задание было?

(могу своё прислать взамен)

Словарик с простым редактированием

ERROR: S client not available

Просто есть два варианта

Либо он не знает ничего, кроме жуквери

react, redux, jest, styled-components, reselect, recompose, ramda

спасибо

и вот не понял почему не получается стейт задать ?

Либо насток прожженный, что знает, что в некоторых случаях реакт не нужен :D

и вот не понял почему не получается стейт задать ?

В гугле: react lifecycle

Очень поможет

так я тут и смотрю https://reactjs.org/docs/state-and-lifecycle.html

Ну смотри

по примеру делаю

У тебя есть пропсы

Которые твой компонент получает из родительских

Есть стейт, который задается внутри компонента

да. у меня ошибка при вызове this.setState({key: value})

схему я понял примерно

Если ты хочешь, чтобы у тебя стейт зависел от внешних пропсов, делай componentWillReceiveProps

Либо насток прожженный, что знает, что в некоторых случаях реакт не нужен :D

Жиза

Взял и сделал

Жиза

Я ток пару дней назад напилил лендос с жуквери

Потому что могу

Халтурка?

Йап

Ну типа там чуваки хотели SEO

Я тут в некст джс вляпался

С ssr

Я сказал, что могу на реакте долго, на вуе чуть быстрее, а на жуквери за пару часов

:)

Я сказал, что могу на реакте долго, на вуе чуть быстрее, а на жуквери за пару часов

Скилл

Это универсальная фигня, ты просто выбираешь инструмент по задаче

Вот и всё

есть компонента модального окна но окно может вызываться в нескольких местах на странице с разным содержимым подскажите как лучше сделать идиную систему включения выключения в редаксе? не делать же на каждый варинат свою пару экшенов

есть компонента модального окна но окно может вызываться в нескольких местах на странице с разным содержимым подскажите как лучше сделать идиную систему включения выключения в редаксе? не делать же на каждый варинат свою пару экшенов

Использовать нативный dialog и полифилл к нему