Size: a a a

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

2020 October 05

DN

Dmitriiy N in React — русскоговорящее сообщество
тога последняя по центру встает
источник

DN

Dmitriiy N in React — русскоговорящее сообщество
снизу, а желательно, чтобы следом в первую ячейку
источник

DK

Dmitry Kudryavtsev in React — русскоговорящее сообщество
Dmitriiy N
тога последняя по центру встает
Width 100%, flex, space between, align-items: center
источник

AK

Anton Karmanov in React — русскоговорящее сообщество
display grid, столбцы через repeat 1fr
источник

DK

Dmitry Kudryavtsev in React — русскоговорящее сообщество
Dmitriiy N
тога последняя по центру встает
А так сначала сделай каждую иконку по центру контейнера своего, а потом все иконки
источник

И

Иван in React — русскоговорящее сообщество
Андрей
Добрый вечер. Использую react create app структуру. Прокси до бекенда настраиваю через миддлвари. Для роутинга запросов внутри реакта использую react-router-dom. В дев режиме всё работает, запросы на бек ходят, всё отлично. При попытке собрать и запустить в продакшн режиме, запросы до бека не доходят, а в ответе на запрос всегда получаю "You need to enable JavaScript to run this app.". Подскажите, пожалуйста, статью или может репо какой-нибудь открытый, чтобы понять как настроить всё для продакшн бандла
Нужно смотреть, по какому пути уходят запросы и почему они уходят по этому пути. Текст, который ты получаешь — это кусок из index.html. Либо запросы не туда, либо сервер не алё
источник

И

Иван in React — русскоговорящее сообщество
Memet
Почему появляются эти файлы при установке зависимостей?
Что-то делаешь не так. Не должны появляться
источник

А

Андрей in React — русскоговорящее сообщество
Иван
Нужно смотреть, по какому пути уходят запросы и почему они уходят по этому пути. Текст, который ты получаешь — это кусок из index.html. Либо запросы не туда, либо сервер не алё
Так вот до сервера запросы не доходят, но возвращается 200 ответ всегда
источник

И

Иван in React — русскоговорящее сообщество
Андрей
Так вот до сервера запросы не доходят, но возвращается 200 ответ всегда
Если бы не доходили, не возвращалось бы ничего. Опять же вангую, что у тебя реверс-прокси настроен не оч — отдаёт html тогда, когда должен проксировать в апи
источник

M

Memet in React — русскоговорящее сообщество
Иван
Что-то делаешь не так. Не должны появляться
npm install --prefix client
источник

M

Memet in React — русскоговорящее сообщество
Иван
Что-то делаешь не так. Не должны появляться
Если перейти в папку client и сделать npm install, все нормально
источник

AM

Aleksey Malyshev in React — русскоговорящее сообщество
Добрый вечер , redux-form ,
Как мне передать в Feild component-select , выбор опции , в value передаю но он не отрабатывает
источник

UM

Umid Musaev in React — русскоговорящее сообщество
Нужна помощь!
Проблема с навигацией в приложении. При нажатии на ссылку(Link) меняется url, но содержимое - просто белая пустая страница.

Что я сделал, после инициализации проекта(create-react-app):
1) npm i —save react-router-dom history
2) создал файл history.js и экспортировал из неё инициализированную browserHistory (createBrowserHistory)
3) в App.js передал историю и указал её в качестве пропса в Router, а в нём указал Route'ы для двух страниц Home & SignIn
4) создал оба компонента и в каждой из них указал ссылку друг на друга

Итог: при нажатии на ссылку из любой из страниц, попадаю на пустую страницу, но c правильным url. При обновлении(F5) всё отображается корректно

Код: https://github.com/DarKCoder666/temp/tree/master
источник

А

Александр in React — русскоговорящее сообщество
Umid Musaev
Нужна помощь!
Проблема с навигацией в приложении. При нажатии на ссылку(Link) меняется url, но содержимое - просто белая пустая страница.

Что я сделал, после инициализации проекта(create-react-app):
1) npm i —save react-router-dom history
2) создал файл history.js и экспортировал из неё инициализированную browserHistory (createBrowserHistory)
3) в App.js передал историю и указал её в качестве пропса в Router, а в нём указал Route'ы для двух страниц Home & SignIn
4) создал оба компонента и в каждой из них указал ссылку друг на друга

Итог: при нажатии на ссылку из любой из страниц, попадаю на пустую страницу, но c правильным url. При обновлении(F5) всё отображается корректно

Код: https://github.com/DarKCoder666/temp/tree/master
Что за Router? это BrowserRouter или HashRouter? Где ты прочитал, что это так делается? В доке react-router ни в BrowserRouter, ни в HashRouter нет пропа history.
источник

UM

Umid Musaev in React — русскоговорящее сообщество
Александр
Что за Router? это BrowserRouter или HashRouter? Где ты прочитал, что это так делается? В доке react-router ни в BrowserRouter, ни в HashRouter нет пропа history.
Ну так Router и принимает его
https://reactrouter.com/web/api/Router
источник

UM

Umid Musaev in React — русскоговорящее сообщество
Отличие как я понял в том, что в Router ты можешь передать значение history, а BrowserRouter создаёт его сам, под капотом.

А history мне нужен для того, чтобы мог вызывать перенаправление history.push('/someroute') вне компонентов
источник

А

Александр in React — русскоговорящее сообщество
Umid Musaev
Отличие как я понял в том, что в Router ты можешь передать значение history, а BrowserRouter создаёт его сам, под капотом.

А history мне нужен для того, чтобы мог вызывать перенаправление history.push('/someroute') вне компонентов
чем Redirect не угодил? В чем проблема получить history через useHistory?
источник

UM

Umid Musaev in React — русскоговорящее сообщество
Александр
чем Redirect не угодил? В чем проблема получить history через useHistory?
хук useHistory работает только в том случае, если ты его вызвал внутри компонента, который был отображён Route'ом
источник

UM

Umid Musaev in React — русскоговорящее сообщество
Иначе будет выдавать undefined
источник

M

MVD in React — русскоговорящее сообщество
Umid Musaev
Нужна помощь!
Проблема с навигацией в приложении. При нажатии на ссылку(Link) меняется url, но содержимое - просто белая пустая страница.

Что я сделал, после инициализации проекта(create-react-app):
1) npm i —save react-router-dom history
2) создал файл history.js и экспортировал из неё инициализированную browserHistory (createBrowserHistory)
3) в App.js передал историю и указал её в качестве пропса в Router, а в нём указал Route'ы для двух страниц Home & SignIn
4) создал оба компонента и в каждой из них указал ссылку друг на друга

Итог: при нажатии на ссылку из любой из страниц, попадаю на пустую страницу, но c правильным url. При обновлении(F5) всё отображается корректно

Код: https://github.com/DarKCoder666/temp/tree/master
В switch обернул?
источник