Телеграмм чат группы react

2020 October 11

RL

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

Привет, подскажите: использую "proxy": "url к апи" в package.json для перенаправление всех запросов с асикс к апи, но оно почему то не работает

источник

04:47пожаловаться #1

ЕК

Евгений Кравцов... in React — русскоговорящее сообщество

Кемп 👨🏻‍💻

Здравствуйте
как мне нужно сделать чтобы в форме после отправки данных через кнопку
удалялась строка в форме?

Как насчёт в функции onsubmit чистить value у полей формы?

источник

08:09пожаловаться #2

AB

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

Как на сайте babel можно конвертировать ES6 to ES5 типо как на сайте по TypeScript в Playground?

источник

08:11пожаловаться #3

К👨

Кемп 👨🏻‍💻... in React — русскоговорящее сообщество

Евгений Кравцов

Как насчёт в функции onsubmit чистить value у полей формы?

Попробую
Пустую строку поставить

источник

08:18пожаловаться #4

Д

Дмитрий in React — русскоговорящее сообщество

Коллеги, подскажите пожалуйста как правильно это сделать.
У меня есть компонент такого вида :

<PrivateRoute next={isViewAllCatalog} path="/catalog">
        <CatalogGrid viewType={CatalogGridViewType.COMMON} />
</PrivateRoute>

Внутри PrivateRoute так:

const { next, children } = props;
  return next ? (
    <Route exact path={props.path} >
      {children}
    </Route>
  ) : (
    <Redirect to="/" />
  );

Так вот, мне нужно что бы в children передался еще props match для того, что бы вытянуть от туда передаваемый параметр. При этом что бы старые параметры тоже передались. Как правильно сделать?
Буду очень благодарен

источник

09:25пожаловаться #5

VK

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

Дмитрий

Коллеги, подскажите пожалуйста как правильно это сделать.
У меня есть компонент такого вида :

<PrivateRoute next={isViewAllCatalog} path="/catalog">
        <CatalogGrid viewType={CatalogGridViewType.COMMON} />
</PrivateRoute>

Внутри PrivateRoute так:

const { next, children } = props;
  return next ? (
    <Route exact path={props.path} >
      {children}
    </Route>
  ) : (
    <Redirect to="/" />
  );

Так вот, мне нужно что бы в children передался еще props match для того, что бы вытянуть от туда передаваемый параметр. При этом что бы старые параметры тоже передались. Как правильно сделать?
Буду очень благодарен

Достаньте эти данные в ребенке хуком

источник

09:39пожаловаться #6

VK

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

Дмитрий

Коллеги, подскажите пожалуйста как правильно это сделать.
У меня есть компонент такого вида :

<PrivateRoute next={isViewAllCatalog} path="/catalog">
        <CatalogGrid viewType={CatalogGridViewType.COMMON} />
</PrivateRoute>

Внутри PrivateRoute так:

const { next, children } = props;
  return next ? (
    <Route exact path={props.path} >
      {children}
    </Route>
  ) : (
    <Redirect to="/" />
  );

Так вот, мне нужно что бы в children передался еще props match для того, что бы вытянуть от туда передаваемый параметр. При этом что бы старые параметры тоже передались. Как правильно сделать?
Буду очень благодарен

https://reactrouter.com/web/api/Hooks/useroutematch

ReactRouterWebsite

React Router: Declarative Routing for React

Learn once, Route Anywhere

источник

09:40пожаловаться #7

VK

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

Ruslan Lev

Привет, подскажите: использую "proxy": "url к апи" в package.json для перенаправление всех запросов с асикс к апи, но оно почему то не работает

Покажите package.json и место в коде, которое "не работает"
Но перед этим в де тулзах зайдите во вкладку Network и посмотрите куда отправляется ваш запрос

источник

09:41пожаловаться #8

RL

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

Vladimir Klimov

Покажите package.json и место в коде, которое "не работает"
Но перед этим в де тулзах зайдите во вкладку Network и посмотрите куда отправляется ваш запрос

Спасибо, разобрался. Не знаю почему, но оно все равно не работало (на локалке все работает, на хосте - нет). Помогло использовать axios.default

источник

09:44пожаловаться #9

VK

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

Дмитрий

Коллеги, подскажите пожалуйста как правильно это сделать.
У меня есть компонент такого вида :

<PrivateRoute next={isViewAllCatalog} path="/catalog">
        <CatalogGrid viewType={CatalogGridViewType.COMMON} />
</PrivateRoute>

Внутри PrivateRoute так:

const { next, children } = props;
  return next ? (
    <Route exact path={props.path} >
      {children}
    </Route>
  ) : (
    <Redirect to="/" />
  );

Так вот, мне нужно что бы в children передался еще props match для того, что бы вытянуть от туда передаваемый параметр. При этом что бы старые параметры тоже передались. Как правильно сделать?
Буду очень благодарен

У вас не очень хорошая релазизация PrivateRoute. Допускаю, что вам нужна почему-то именно такая, но если нет - посмотрите как сделано в документации React router
https://reactrouter.com/web/example/auth-workflow

ReactRouterWebsite

React Router: Declarative Routing for React

Learn once, Route Anywhere

источник

09:45пожаловаться #10

E

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

NcFbYXlC1i.mp4

(268.96 Кб)

как можно сделать изменение url так, чтобы оно не писалось в историю и кнопка назад работала нормально? Сейчас при каждом изменении url для браузера это как разные страницы. Юзаю props.history.push(...) для смены

источник

09:55пожаловаться #11

VK

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

Ebaklak

NcFbYXlC1i.mp4

(268.96 Кб)

как можно сделать изменение url так, чтобы оно не писалось в историю и кнопка назад работала нормально? Сейчас при каждом изменении url для браузера это как разные страницы. Юзаю props.history.push(...) для смены

https://developer.mozilla.org/ru/docs/Web/API/History/replaceState

Веб-документация MDN

History.replaceState()

Метод History.replaceState() изменяет текущую запись в истории, заменяя её на значения stateObj, title и URL, передаваемые в параметрах метода. Данный метод особенно полезен, когда вы хотите обновить объект состояния или URL текущей записи в истории в ответ на какое-то действие пользователя.

источник

09:58пожаловаться #12

VK

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

Vladimir Klimov

https://developer.mozilla.org/ru/docs/Web/API/History/replaceState

Веб-документация MDN

History.replaceState()

Метод History.replaceState() изменяет текущую запись в истории, заменяя её на значения stateObj, title и URL, передаваемые в параметрах метода. Данный метод особенно полезен, когда вы хотите обновить объект состояния или URL текущей записи в истории в ответ на какое-то действие пользователя.

Не нашел быстро про это в доках, но там history.replace(), короче

источник

10:01пожаловаться #13

E

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

Vladimir Klimov

https://developer.mozilla.org/ru/docs/Web/API/History/replaceState

Веб-документация MDN

History.replaceState()

Метод History.replaceState() изменяет текущую запись в истории, заменяя её на значения stateObj, title и URL, передаваемые в параметрах метода. Данный метод особенно полезен, когда вы хотите обновить объект состояния или URL текущей записи в истории в ответ на какое-то действие пользователя.

источник

10:02пожаловаться #14

E

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

Vladimir Klimov

Не нашел быстро про это в доках, но там history.replace(), короче

и получился тот же самый эффект как с push

источник

10:02пожаловаться #15

VK

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

Ebaklak

и получился тот же самый эффект как с push

Не понимаю, как может получиться "одинаковый эффект"
https://github.com/ReactTraining/history/blob/master/docs/api-reference.md#history.replace

GitHub

ReactTraining/history

Manage session history with JavaScript. Contribute to ReactTraining/history development by creating an account on GitHub.

источник

10:04пожаловаться #16

E

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

Vladimir Klimov

Не понимаю, как может получиться "одинаковый эффект"
https://github.com/ReactTraining/history/blob/master/docs/api-reference.md#history.replace

GitHub

ReactTraining/history

Manage session history with JavaScript. Contribute to ReactTraining/history development by creating an account on GitHub.

ну тоже создается отдельный элемент в истории и кнопка назад сначала откатывает все history.replace перед сменой страницы

источник

10:08пожаловаться #17

VK

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

Ebaklak

ну тоже создается отдельный элемент в истории и кнопка назад сначала откатывает все history.replace перед сменой страницы

Replaces the current entry in the stack with a new one.

Может я чего-то не понимаю

источник

10:09пожаловаться #18

E

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

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

источник

10:20пожаловаться #19

PR

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

Ok

источник

11:31пожаловаться #20