Ну да учитывая множественную вариативность решения одной и той же задачи в пределах одного ЯП грааля совершенства тут нет )

Ну да учитывая множественную вариативность решения одной и той же задачи в пределах одного ЯП грааля совершенства тут нет )

не все из решений оптимальны под конкретную задачу, поэтому хорошо что выбор есть)

Из сервера получаю массив и вывожу ее на экран. В этом компоненте есть кнопка. При клике получаю нужный объект в массиве через метод filter. Но мне нужно отрисовать выбранный объект в другом компоненте и при каждом клике чтобы она менялась на другой объект. Как решить проблему?

Из сервера получаю массив и вывожу ее на экран. В этом компоненте есть кнопка. При клике получаю нужный объект в массиве через метод filter. Но мне нужно отрисовать выбранный объект в другом компоненте и при каждом клике чтобы она менялась на другой объект. Как решить проблему?

А в чём суть проблемы? По описанию всё нормально, теперь это только запрограммировать нужно.

А в чём суть проблемы? По описанию всё нормально, теперь это только запрограммировать нужно.

Я получаю нужный объект при клике но не могу передать данные в другой компонент.

Из сервера получаю массив и вывожу ее на экран. В этом компоненте есть кнопка. При клике получаю нужный объект в массиве через метод filter. Но мне нужно отрисовать выбранный объект в другом компоненте и при каждом клике чтобы она менялась на другой объект. Как решить проблему?

Ну как-то через пропс кинуть id нужного обьекта в др компонент

Ну как-то через пропс кинуть id нужного обьекта в др компонент

Передать тот же массив через пропс и отсортировать по id?

Передать тот же массив через пропс и отсортировать по id?

Ну, врядли тебе там весь массив нужен, только отд объект Было бы неплохо глянуть код😉

Без кода сложно сказать

Щас скину

Я получаю нужный объект при клике но не могу передать данные в другой компонент.

менять пропс другого

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

Ну и в чем проблема? У тебя уже в selectActivity передаётся id, теперь нужно по id отфильтровать нужны объект и передать его в state через this.setState({selectedObject: <твой объект>});

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

О, привет)

Привет)

Неожиданная встреча)

Неожиданная встреча)

Самураи везде

Самураи везде

Точно)

Даже так: selectActivity(id) { const activity = ...filter... this.setState({ activity }); } render() { ... <ActivityDetails activity={this.state.activity} /> ... } ```

Ну и в чем проблема? У тебя уже в selectActivity передаётся id, теперь нужно по id отфильтровать нужны объект и передать его в state через this.setState({selectedObject: <твой объект>});

создать новое свойство и присвоить значение отфильтрованного массива?

создать новое свойство и присвоить значение отфильтрованного массива?

up

up

делал так, но получил undefined

делал так, но получил undefined

отдебаж посмотри где пропс теряется и не прокидывается

ok

делал так, но получил undefined

За тебя код никто не напишет. Я как написал, так и нужно делать. Если у тебя не работает - что-то ты неправильно делаешь. Поставь breakpoint и отладь. Что нужно учесть: 1. Изначально в this.state.activity будет undefined до первого вызова selectActivity. Ты можешь подставить туда первое значение из массива или не рендерить ActivityDetails вовсе 2. Нужно проверять, что filter тебе что-то вернул

ну вот так вот если не знаеш react зарплату больше 600$ получить практически не реально

Джун?

Зачем у тебя тут стрелочная функция? Перепиши на метод - так и короче и понятнее.

Джун?

мидл

мидл

Ну мидл Js думаю невозможно стать без знания фреймворка

А React попроще тех же vue, angular

так я не по js а Ruby

просто нужно знать все

так я не по js а Ruby

Понял)

Зачем у тебя тут стрелочная функция? Перепиши на метод - так и короче и понятнее.

привычка)

самураи вопрос как поменять настройки вебпак по поводу index.html чтобы в другой файл закинуло?

Что бы вместо index другой файл читал?

Вот я тупанул) Я без нажатия на кнопку "проверял")И думал почему у меня всегда null😂

Что бы вместо index другой файл читал?

чтобы в него бандл прописал (в другой файл не index.html)

есть настроки для этого? должны же быть

привычка)

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

Вроде по дефолту индекс берет

так не знаю

чтобы в него бандл прописал (в другой файл не index.html)

Можно разными способами, например, наиболее очевидный, который я использую: Есть плагин WebpackFilePreprocessorPlugin. 1. При обработке js-файлов, собираем их имена 2. При обработке html-файлов, находим нужный и вставляем те js-файлы, которые нам нужны. Можно и другими способами добиться аналогичного эффекта.

да хотелось бы попроще)

я думаю есть вариант проще

тут как-то хардкорно, уж как вижу)

т.е. файл по умолчанию указать вместо index.html

чел просто написал лендинг и игру и теперь не может собрать

2 html

Нету html-файла по-умолчанию. Есть html файлы, в которых ты указываешь entry points. Тебе нужно исходить из того, какие у тебя есть entry points. Подробности тут: https://webpack.js.org/plugins/html-webpack-plugin/

энтри это js а тут речь про html

Нету html-файла по-умолчанию. Есть html файлы, в которых ты указываешь entry points. Тебе нужно исходить из того, какие у тебя есть entry points. Подробности тут: https://webpack.js.org/plugins/html-webpack-plugin/

ну или да HtmlWebpackPlugin c темплейтом - он делает то что я думаю?)) - какой темплейт туда и впихнет

энтри это js а тут речь про html

По ссылке вся нужная информация. Больше я тебе ничем помочь не могу.

ок и на том спасибо

хотя по ссылке ничего про index.html

у него просто index.html и landing.html - не знаю зачем но так

у него просто index.html и landing.html - не знаю зачем но так

https://github.com/jantimon/html-webpack-plugin#generating-multiple-html-files Гуглится за 30 секунд.

у него просто index.html и landing.html - не знаю зачем но так

https://www.youtube.com/watch?v=UAdGEYdl9w4

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

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

Выше решение. Но сделать 2 конфига тоже выход, только вы замучаетесь это поддерживать.

а в чем может быть трабл?

а в чем может быть трабл?

Будете подключить другие технологии, перенастраивать конфиг, добавлять плагины - нужно будет добавлять в оба конфига. А когда вам понадобиться поддержать старые или мобильные браузеры, т.е. использовать babel для трансляции в es5 - у вас будет 4 конфига, вместо двух.

а нет, там учебный проект)

так в приципе понял в чем сабака зарылась)

тем более при желании общую часть конфига можно же шарить

а нет, там учебный проект)

Ну и что? Это не значит, что он должен уже на этапе обучения привыкать к говнокоду.

тем более при желании общую часть конфига можно же шарить

Если пошарить - то нормально

Если пошарить - то нормально

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

тем более при желании общую часть конфига можно же шарить

Можно оба конфига уместить в одном файле. Примерно вот так. getConfig - возвращает webpack конфиг с нужными параметрами. Подробности по ссылке https://webpack.js.org/configuration/configuration-types/#exporting-multiple-configurations

прикольно, я видел другое решение

ну как бы массив это все же повторение

в том решении что я видел было типа слияния

ну как бы массив это все же повторение

Не нужно никакого повторения. Конфиг написан один раз и зависит от входящих параметров функции getConfig. Всё просто и понятно.

тернарники мне кажется создают путанницу

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

Есть кто Material UI использовал?

Нужно ли оборачивать App в MuiThemeProvider?

Почему когда я Этому компоненту даю стили материал юай