Если со страницы на страницу, то только update

аааа, ну тогда понятно, завел чела в заблуждение. Я то через страницу заходил у себя

Hi

Hi

Oh hi Mark

I am interested to learn react

I am not getting proper source

Do you know can you refer me please

Do you know any best source ?

Do you know can you refer me please

Documentation is the best source tbh

Like any best website ?

I am new to react

всем привет! Нужен совет, кто то может сталкивался. Нужно подключить гул карту, на которой будут маркеры тачек реальном времени и отрисовка пройденного маршрута Лучше юзать библиотеку (https://www.npmjs.com/package/@react-google-maps/api) ? Или подскажите какой то аналог хороший возможно. ? Или лучше через CDM подклчить в дом скрип и работать на прямую с апи гугла

подскажите, можно оставить фильр по некоторые лишь столбам, а некоторые оставить без фильтрации? https://codesandbox.io/s/v6n31p1kl

подскажите, можно оставить фильр по некоторые лишь столбам, а некоторые оставить без фильтрации? https://codesandbox.io/s/v6n31p1kl

google говорит https://github.com/tannerlinsley/react-table/issues/336

что это

render() { const {posts,loading} = this.state return ( <div style={{ backgroundColor: '#fff', padding: '25px 10px', minHeight: 360}}> { loading && <CircularProgress color="secondary" style={{display: 'block', margin: '0 auto'}}/> || <> { posts.length < 1 ? <Typography variant="h4" component="h2" align='center' style={{ padding: '10px 0'}}>No posts...</Typography> : posts.map( post => ( <Post key={post.id} post={post}/> )) } </> } </div> ) }

правильно ли я сделал?

все работает

но IDE ругается

Ну скобками отдели условия

Попробуй вместо <> поставить ' '

google говорит https://github.com/tannerlinsley/react-table/issues/336

спасибо

Йо, Расскажите вкратце в чем отличие useDispatch хуки и нативной реализации connect mapDispatch

спасибо

та незачто, просто пробуй сперва нагуглить, потом уже наверн спрашивать )

Ребят, как в create-react-app называется логгер ошибок, который рендерит сообщение об ошибке на страницу и дает ссылку на файл в редакторе, где была допущена ошибка? Или может это самописное решение?

Ребят, как в create-react-app называется логгер ошибок, который рендерит сообщение об ошибке на страницу и дает ссылку на файл в редакторе, где была допущена ошибка? Или может это самописное решение?

https://github.com/smooth-code/error-overlay-webpack-plugin

https://github.com/smooth-code/error-overlay-webpack-plugin

спасибо

Киньте какой-нибудь real-world проект на реакте с effector в качестве СТМ

для одного сравнения)

Киньте какой-нибудь real-world проект на реакте с effector в качестве СТМ

https://t.me/effector_ru тут спроси

Ребят, кто использовал material-table? Есть две колонки с lookup: {}, в первой два значения, в зависимости от того, какое выбрано, надо во второй менять возможные варианты. Такое можно сделать без костылей? Я когда пробегал страничку с описанием Фич этой таблички, вроде что-то видел подобное, что можно было по условию отображать контент (или это для селекта было, не помню), а сейчас найти не могу.

У кого-нибудь было, что axios ставит header на запросы, но на бек этот header не приходит? Примерно так: axios.defaults.headers.common['Authorization'] = token;. Но на сервере Authorization хедер пустой.

Народ, подскажите где у меня ошибка, очищаю интервал по этим ответам: https://stackoverflow.com/questions/31023308/clearinterval-is-not-working-in-reactjs но мой console.log в componentWillUpdate не срабатывает, как понять что интервал очищен?

У кого-нибудь было, что axios ставит header на запросы, но на бек этот header не приходит? Примерно так: axios.defaults.headers.common['Authorization'] = token;. Но на сервере Authorization хедер пустой.

а у тебя token точно не пустой?

На фронте он успешно логируется.

в TS state у классового компонента так опистаьь надо class Player extends React.Component<IProps, IState> {} как описать state у функциональной с хуками ?

в TS state у классового компонента так опистаьь надо class Player extends React.Component<IProps, IState> {} как описать state у функциональной с хуками ?

как у обычной функции

примерно так ? const AppContainer = ({ recipient, skin }: IAppProps): IStateProps => { ... }

примерно так ? const AppContainer = ({ recipient, skin }: IAppProps): IStateProps => { ... }

в данном случае ты указал что возвращаешь стейт const AppContainer = ({ recipient, skin }): FC<IAppProps> => { ... } FC импортится из реакта

стейт, к сожалению, в одном интерфейсе не укзаать можно сделать и потом в хуках показывать мол так и так

так я тип объекта для описал или типа стейта? или в каждом хуке надо его описывать ?

interface IState { field: string } const [string, setString] = useState<IState['field'] | null>(null)

а так да, в каждом хуке

спасибо

Подскажите плз: Функции function __handleDragOver(e) { setDragStatus("Now drop :)"); e.preventDefault(); e.stopPropagation(); } function __handleDragEnter(e) { setDragStatus("Drag here..."); e.stopPropagation(); } function __handleDrop(e) { e.preventDefault(); console.log(e.dataTransfer); } ХТМЛ <div style={{ padding: "30px" }} onDragEnter={e => __handleDragEnter(e)} onDragOver={e => __handleDragOver(e)} onDrop={e => __handleDrop(e)} > <span>{dragStatus}</span> </div>

поч у меня в e.dataTransfer ничего нету ?

точнее нету файла который перетаскиваю в e.dataTransfer.files

Выведи в консоль е и посмотри, что у тебя там приходит

Выведи в консоль е и посмотри, что у тебя там приходит

Народ, подскажите где у меня ошибка, очищаю интервал по этим ответам: https://stackoverflow.com/questions/31023308/clearinterval-is-not-working-in-reactjs но мой console.log в componentWillUpdate не срабатывает, как понять что интервал очищен?

что не так с моим интервалом?

кстати для обновления состояния вот этот пакет годиться react-addons-update? или еще что полезное есть

кстати для обновления состояния вот этот пакет годиться react-addons-update? или еще что полезное есть

экскьюзми, что?

лол, если у кого то так же будет, багует консоль

обновить объект в state

Если прямиком выводить files[0] то все ок

обновить объект в state

чиво? зачем???

когда в state большой объект - полезно

когда в state большой объект - полезно

не ломай мне психику что значит обновить состояние? чем тебе сетстейт не угодил? зачем аутдейтед пакеты вешать?

как в функциональном компоненте выполнить какой-либо произвольный код до маунта компонента? в классовом для этого есть constructor, а в функциональном что-либо есть?

попробой useEffect(() => {}, []);

useEffect это уже после маунта, а мне нужно именно до

useEffect это уже после маунта, а мне нужно именно до

const mounted = React.useRef(false) if (!mounted.current) { myF(); mounted.current = true }

о, прикольно

спасибо. попробую

те, кто используют react с typescript, подскажите, как описать props у компонента, к которому применен декоратор? там, где я вызываю компонент, я передаю ему только часть пропсов, а остальные приходят из декоратора и тс жалуется, что я при вызове не все передаю

useEffect это уже после маунта, а мне нужно именно до

зачем до маунта?

const mounted = React.useRef(false) if (!mounted.current) { myF(); mounted.current = true }

я правильно понимаю, что данный код просто пишется непосредственно в теле компонента?

я правильно понимаю, что данный код просто пишется непосредственно в теле компонента?

Да. Вынеси это в хук useBeforeMount(f).

Да. Вынеси это в хук useBeforeMount(f).

какой кейс выполнения блокирующего кода до маунта?

те, кто используют react с typescript, подскажите, как описать props у компонента, к которому применен декоратор? там, где я вызываю компонент, я передаю ему только часть пропсов, а остальные приходят из декоратора и тс жалуется, что я при вызове не все передаю

чем декоратор от хока отличается?

какой кейс выполнения блокирующего кода до маунта?

Подписаться на стор и получить данные из него.

Хотя нет. Без понятия зачем. Человеку зачем-то нужно.

зачем до маунта?

ну я грубо говоря ищу замену componentWillMount, я знаю про useState но я так и не понял, что делать, если мне нужно например просто функцию выполнить какую-либо

чем декоратор от хока отличается?

функционально — ничем, но может тс их воспринимает по-разному как бы там ни было, при вызове компонента тс не понимает, что часть пропсов приходит от хока

ну я грубо говоря ищу замену componentWillMount, я знаю про useState но я так и не понял, что делать, если мне нужно например просто функцию выполнить какую-либо

тебе на основании выполнения функции стейт засетить нужно?

Привет

Хотя нет. Без понятия зачем. Человеку зачем-то нужно.

Ни разу не встертил где это пригодится реально, где хуки как есть не вывозят

тебе на основании выполнения функции стейт засетить нужно?

честно, я пока сам до конца не отвечу)) т.к. я только недавно начал) я смотрю видеокурсы, где чувак например включает EventEmitter до маунта в конструкторе классового компонента, я же пробую перевести это в функциональный компонент