Size: a a a

React: русскоязычное сообщество

2021 March 10

as

artem sdobnikov in React: русскоязычное сообщество
Ruslan Kahramanov
Всем привет! Ребят хотел спросить, как можно правильно реализовать редиректы после определенных диспачей thunk? Есть идея создавать в компоненте history с помощью useHistory и передавать его в thunk creator и после успешного диспача делать редиректы. Будет ли это правильно? Есть какие то другие способы?
у нас на проекте так реализовано

lib\history.ts
import { createBrowserHistory } from "history";

export const history = createBrowserHistory();

-------------------------------------------------

other.ts

history.push();

-------------------------------------------------

index.tsx

import { Router } from "react-router-dom";
import { history } from "lib/history";

ReactDOM.render(
   <Router history={history}>
     <App />
   </Router>
 document.getElementById("root")
);
источник

J

Jack in React: русскоязычное сообщество
Ruslan Kahramanov
понимаешь, просто мест для редиректа очень много и добавлять эти флажки в каждый редюсер будет муторно, поэтому ищу более легкий путь
The solution here is simply to include the history object (provided to all route components) in the payload of the action, and your async handler can use this to navigate when appropriate. - это дока говорит
источник

J

Jack in React: русскоязычное сообщество
добавляй в переданный обьект history свойством и используй
источник

RK

Ruslan Kahramanov in React: русскоязычное сообщество
получается я был прав передавать и использовать history в thunk можно?
источник
2021 March 11

K

Konstantin in React: русскоязычное сообщество
Народ, подскажите плз по роутам
есть код:
index.tsx
<Router>
   <Switch>
       <Route exact path='/' component={App}/>
       <Route path='/login' component={Login}/>
       <Route path='/help' component={Help}/>
       <Route path="*" component={NoMatch}/>
   </Switch>
</Router>
App.tsx
<Switch>
   <Route exact path='/' component={Main}/>
   <Route path='/templates' component={Templates}/>
</Switch>
и при пути "/" - Main отображается корректно
но если стоит "/templates" - возвращает 404
из за чего это возникает? и где прочитать можно про такие роуты?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Нужно настроить внутреннее перенаправление со всех роутов на index.html
источник

PK

Pasha Kozyr in React: русскоязычное сообщество
У меня в приложении есть модули которые занимаются сохранением в ЛокалСторедж. Там не будет импорт реакт, это именно модули. Так нормально если я для них отдельную папку modules сделал? или лучше в папке компоненты их держать? Их тоже с большой буквы следует называть как и компоненты?
источник

V

Vlad in React: русскоязычное сообщество
Pasha Kozyr
У меня в приложении есть модули которые занимаются сохранением в ЛокалСторедж. Там не будет импорт реакт, это именно модули. Так нормально если я для них отдельную папку modules сделал? или лучше в папке компоненты их держать? Их тоже с большой буквы следует называть как и компоненты?
где держать делу вкусо, но это скорее не модули а ф-и helpers
источник

V

Vlad in React: русскоязычное сообщество
всё же модули имеют немного другое значение
источник

V

Vlad in React: русскоязычное сообщество
обычно подобное держать либо в utils либо в helpers
источник

PK

Pasha Kozyr in React: русскоязычное сообщество
Vlad
где держать делу вкусо, но это скорее не модули а ф-и helpers
спасибо. сделаю тоже helpers
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
подскажите пожалуйста, кто работал с react-leaflet/leaflet, можно ли как-то получить метод onClick у маркера? хочу производить некие действия по клику на маркер. В доках ничего не нашел по этому поводу
источник

ДК

Денис Китаев... in React: русскоязычное сообщество
Всем привет кто то юзал уже Aleph.js: новый фреймворк React в Deno?
источник

A

Aleksandr in React: русскоязычное сообщество
Eugene Stepanyuk
подскажите пожалуйста, кто работал с react-leaflet/leaflet, можно ли как-то получить метод onClick у маркера? хочу производить некие действия по клику на маркер. В доках ничего не нашел по этому поводу
L.marker([10.496093,-66.881935]).on('click', funciton(e) {alert(e.latlng);})
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
Aleksandr
L.marker([10.496093,-66.881935]).on('click', funciton(e) {alert(e.latlng);})
а на реакте, если я использую компонент <Marker /> ? можно такое провернуть?
источник

A

Aleksandr in React: русскоязычное сообщество
Eugene Stepanyuk
а на реакте, если я использую компонент <Marker /> ? можно такое провернуть?
там разве onClick нет?
источник

ES

Eugene Stepanyuk in React: русскоязычное сообщество
Aleksandr
там разве onClick нет?
не
источник

ДД

Душанин Дмитрий... in React: русскоязычное сообщество
Люди, реально не кто ни знает как поправить проблему с autocompliteplace?
источник

ЮЧ

Юра Чеботаев... in React: русскоязычное сообщество
Душанин Дмитрий
Люди, реально не кто ни знает как поправить проблему с autocompliteplace?
Покажите код
источник

ДД

Душанин Дмитрий... in React: русскоязычное сообщество
Юра Чеботаев
Покажите код
Сек
источник