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

Привет, можно ли в зависимости от условии, как-то изменять DOM элемент для вывода компонента? Например вот тут в зависимости от условия выводить либо все в React.Fragment либо в <div>?

источник

08:36пожаловаться #5

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

https://reactjs.org/docs/conditional-rendering.html

reactjs.org

Conditional Rendering – React

A JavaScript library for building user interfaces

источник

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

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

Андрей Кустов

Можно передавать дом элемент через props, и в момент передачи сделать условие.

источник

08:43пожаловаться #7

АК

Андрей Кустов... in React — русскоговорящее сообщество

Soltukiev Malik

Можно передавать дом элемент через props, и в момент передачи сделать условие.

окей, спасиб

источник

08:44пожаловаться #8

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

как в функциональном компоненте можно проверить предыдущий стейт с измененным?
например как в классовом компоненте при

componentDidUpdate(nextState) {
    if(nextState.someState !== this.state.someState) {
        this.setState({someState: 'update'})
    }
}

источник

08:53пожаловаться #9

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

Zhanadil Sadykov

componentDidUpdate(nextState) {
    if(nextState.someState !== this.state.someState) {
        this.setState({someState: 'update'})
    }
}

usePrevious

источник

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

АF

Артем Front in React — русскоговорящее сообщество

@zhanadil1509 Привет, очень просто. Как вариант предыдущее состояние писать в useRef. Почитай про hook useRef. Он сохраняет состояние записанное в него между рендерами

источник

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

АF

Артем Front in React — русскоговорящее сообщество

@zhanadil1509 Вот тебе пример: https://blog.logrocket.com/how-to-get-previous-props-state-with-react-hooks/

LogRocket Blog

How to get previous props/state with React Hooks - LogRocket Blog

This guide explains how to access previous props and states from within functional components in React by leveraging the useRef Hook.

источник

08:56пожаловаться #12

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

ой спасибо ребята! кастомный хук нашел usePrevious

источник

08:58пожаловаться #13

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

Zhanadil Sadykov

ой спасибо ребята! кастомный хук нашел usePrevious

но вообще чаще всего он тебе не нужен. потому что если правильно написать useEffect, то он будет срабатывать только при изменениях

источник

09:05пожаловаться #14

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

Roman Usherenko

мне просто из редакса приходит стейт, в котором лежит урл в виде текста, который потом я передаю в экшн, и в стейте редакса каждый раз урл обновляется типа: ?page2; ?page3 и т.д.

источник

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

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

@javascript_jobs сюда

источник

09:46пожаловаться #16

꧁岡

꧁倫太郎岡部꧂... in React — русскоговорящее сообщество

Описание читать не помешает временами

источник

09:47пожаловаться #17

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