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

2020 November 25

V

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

krn p

вот я походу и не знаю (

да просто посмотри возвращают ли эти экшены промисы и все, чего сложного то?

источник

14:46пожаловаться #1

ZS

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

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

исползую axios

источник

14:53пожаловаться #2

S

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

Zhanadil Sadykov

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

исползую axios

у axios есть параметр headers, читайте доку аксиоса.

источник

14:55пожаловаться #3

ZS

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

Stanislav

у axios есть параметр headers, читайте доку аксиоса.

спасибо! Пойду смотреть

источник

14:56пожаловаться #4

YM

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

Ребята такой вопрос, как сделать уникальным клик на элемент внутри map(), чтоб при клине открывался не все скрытые поля а именно на тот который кликнул ( $this). Как реализовать можно это ?

const [isOpen, setIsOpen] = useState(false)
const toggleItem = () => setIsOpen(!isOpen)

 const coinRenderItem = (e, i) => {
    <div className="item" key={e.id}>
     ...

     <button onClick={toggleItem}>Open</button>

     <div className={`hidden-section ${isOpen ? 'd-none' : 'd-block'}`}>
      Some Text
     </div>

      </div>
 }

 return (
  <>
   {{array.map(coinRenderItem)}}
  </>
 )

источник

14:58пожаловаться #5

DS

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

Ребят, такой вопрос с MobX
У меня есть логика, когда я с одной страницы перехожу на вторую, я попутно создаю observable properties в сторе примерно вот таким кодом
Но проблема в том, что в итоге react не видит изменений этих observable propeties. Как это фиксануть?

источник

14:59пожаловаться #6

DP

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

Yavar Mammadov

Ребята такой вопрос, как сделать уникальным клик на элемент внутри map(), чтоб при клине открывался не все скрытые поля а именно на тот который кликнул ( $this). Как реализовать можно это ?

const [isOpen, setIsOpen] = useState(false)
const toggleItem = () => setIsOpen(!isOpen)

 const coinRenderItem = (e, i) => {
    <div className="item" key={e.id}>
     ...

     <button onClick={toggleItem}>Open</button>

     <div className={`hidden-section ${isOpen ? 'd-none' : 'd-block'}`}>
      Some Text
     </div>

      </div>
 }

 return (
  <>
   {{array.map(coinRenderItem)}}
  </>
 )

создаешь компонент, в котором состояние есть, а потом мапаешь его

источник

14:59пожаловаться #7

YM

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

Dmitry Plyaskin

создаешь компонент, в котором состояние есть, а потом мапаешь его

не понял

источник

14:59пожаловаться #8

DP

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

Yavar Mammadov

не понял

const Parent = () => {
  return [].map((x,i) => <Child key={i} data={x} />)
}

const Child = ({data}) => {
  const [view, setView] = useState(false)
  return <div onClick={() => setView(s => !s)}>{view && data.name}</div>
}

источник

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

VA

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

Добрый день!
Посоветуйте пожалуйста
Хорошую документацию или же книгу для изучение react.js)
Или же курсы (желательно бесплатные)

источник

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

P

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

А подскажите, есть ли у axios type error response для ts

источник

15:05пожаловаться #11

GO

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

Victor Alexsandrov

Добрый день!
Посоветуйте пожалуйста
Хорошую документацию или же книгу для изучение react.js)
Или же курсы (желательно бесплатные)

поиск по чату по слову "курсы" или "посоветуйте книги" или другие вариации

источник

15:06пожаловаться #12

OT

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

AxiosError <T>

источник

15:06пожаловаться #13

ВС

Виктор Сапсай... in React — русскоговорящее сообщество

Pavel

А подскажите, есть ли у axios type error response для ts

есть - export interface AxiosError extends Error {
config: AxiosRequestConfig;
code?: string;
request?: any;
response?: AxiosResponse;
}

источник

15:06пожаловаться #14

E

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

Привет народ, подскажите, где я ошибся? Редирект не работает.

источник

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

GO

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

Ego

Привет народ, подскажите, где я ошибся? Редирект не работает.

мб попробовать hisory.push?

источник

15:08пожаловаться #16

Т

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

Ego

Привет народ, подскажите, где я ошибся? Редирект не работает.

Это редирект компонент, он декларативно редиректит. Нужно метод в хистори вызывать если императивно делаешь редирект

И почитай про хуки редакса, что бы целого стора в компоненте не было

источник

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

DS

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

Ego

Привет народ, подскажите, где я ошибся? Редирект не работает.

Давайте любители декларативного роутинга, вперёд, убедите меня что это круто!

источник

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

SB

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

Dmitriy Shuleshov