Size: a a a

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

2020 July 08

YR

Yuriy Roskoshinsky in React — русскоговорящее сообщество
Коллеги, вопрос знатокам TS,  есть 2 сигнатуры, по смыслу идентичны, однако во втором случае не прокатывает - почему?

interface ITheComponent {
   memorize?: boolean,
}

1)

const TheComponent: React.FC<ITheComponent> = ( { memorize, children } ) => {
   ...
}


2)

function TheComponent ( {  memorize, children } ): React.FC<ITheComponent> {
   ...
}
источник

c⁣

createStore<🦉>... in React — русскоговорящее сообщество
Yuriy Roskoshinsky
Коллеги, вопрос знатокам TS,  есть 2 сигнатуры, по смыслу идентичны, однако во втором случае не прокатывает - почему?

interface ITheComponent {
   memorize?: boolean,
}

1)

const TheComponent: React.FC<ITheComponent> = ( { memorize, children } ) => {
   ...
}


2)

function TheComponent ( {  memorize, children } ): React.FC<ITheComponent> {
   ...
}
2) ты возвращаешь React компонент из функции
1) переменная хранит React компонент
источник

R

Roman in React — русскоговорящее сообщество
Привет,  есть scroll-y див, окно чата, нужно сделать scroll load. Как двигать скроллером и получить его координаты ?
источник

Е

Едуард in React — русскоговорящее сообщество
Roman
Привет,  есть scroll-y див, окно чата, нужно сделать scroll load. Как двигать скроллером и получить его координаты ?
источник

AM

Aqua Min in React — русскоговорящее сообщество
Всем привет, начал рассматривать некс.жс, сразу на старте влетает такая ошибка после того как поставил next через yarn create next-app
yarn dev выдает эту ошибку  SyntaxError: Unexpected end of input
Сталкивался кто с таким?
источник

YR

Yuriy Roskoshinsky in React — русскоговорящее сообщество
createStore<🦉> ⁣
2) ты возвращаешь React компонент из функции
1) переменная хранит React компонент
Спасибо! А можешь здесь помочь разобраться https://github.com/react-hook-form/react-hook-form/blob/master/src/controller.tsx#L14 что за дженерик(?) преобразование типа(?) стоит перед списком аргументов перед скобками ?
источник

R

Roman in React — русскоговорящее сообщество
```handleScroll = (event) => {
       console.log(this.listRef.current.scrollTop);

   }```Есть такой скролл ивент, scrollTop вовращает undefined? listRef это див который скролиться. Как тогда получить данные ?
источник

X

Xiaya in React — русскоговорящее сообщество
Всем привет. У меня вопрос по поводу анимации. Есть отдельный компонент, в котором отображается текст (тянется хуком с редакса). Нужно при смене этого текста он затухал и появлялся новый. Насколько я понимаю transition group мне в этом мало поможет🤔
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
как сделать так чтоб мой кастомный контекст имел имя нормальное в реакт-девтулзах? только displayName?
const MyContext = React.createContext({})

export const MyContextProvider = MyContext.Provider

в дереве все равно Context.Provider
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Roman Usherenko
как сделать так чтоб мой кастомный контекст имел имя нормальное в реакт-девтулзах? только displayName?
const MyContext = React.createContext({})

export const MyContextProvider = MyContext.Provider

в дереве все равно Context.Provider
Дисплей нейм? Хотя это для компонентов. Use debug value?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Oleg Rizhkov
Дисплей нейм? Хотя это для компонентов. Use debug value?
displayName точно работает
https://reactjs.org/docs/context.html#contextdisplayname

я думал может как-то именами переменных можно
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
Roman Usherenko
displayName точно работает
https://reactjs.org/docs/context.html#contextdisplayname

я думал может как-то именами переменных можно
Ну, засунь их в переменную.
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Oleg Rizhkov
Ну, засунь их в переменную.
ну не работает говорю же)
источник

R

Roman in React — русскоговорящее сообщество
Что делать если createRef не выдает scrollTop а document.getElemt() ... elemt.scollTop работает ?
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
Зачем может быть нужен https://github.com/gaearon/react-hot-loader#hot-loaderreact-dom если в webpack dev server есть хот релоад?
источник

fe

from earth in React — русскоговорящее сообщество
вроде чтобы реакт компоненты обновлять с сохранением стейта
источник

D

Danila in React — русскоговорящее сообщество
Roman
Что делать если createRef не выдает scrollTop а document.getElemt() ... elemt.scollTop работает ?
Покажи как делаешь
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
from earth
вроде чтобы реакт компоненты обновлять с сохранением стейта
а, вот оно что. а hot reload из webpack dev server тогда вообще можно не использовать?
источник

fe

from earth in React — русскоговорящее сообщество
Татьяна Фомина
а, вот оно что. а hot reload из webpack dev server тогда вообще можно не использовать?
оно вместе работает
источник

ТФ

Татьяна Фомина... in React — русскоговорящее сообщество
from earth
оно вместе работает
их надо оба оставить?
источник