Size: a a a

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

2020 November 13

RS

Ragnar Sigurðsson in React — русскоговорящее сообщество
спасибо большое. не знал про фичу
источник

RP

Roma Prokopets in React — русскоговорящее сообщество
reduxsupp
Ребят, подскажите пожалуйста, т.к спросить некого. Просто направьте. Есть одномерный массив объектов, в каждом объекте есть свойство которое либо содержит массив с  именами элементов из этого одномерного массива объектов либо там undefined. В общем цель такая чтобы отобразить древовидный список. Но для меня проблема в том что массив одномерный.
тернарником
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
потому что не должен
источник

А

Артур in React — русскоговорящее сообщество
Может кто-то знает как подключить сторонние библиотеки если сам реакт через cdn подключен
источник

1

1N54N3 in React — русскоговорящее сообщество
Dmitriy Shuleshov
потому что не должен
Если в дидмаунте прослушка сокета
this.props.socket.on('time', serverTime => this.setState({ serverTime }));
Он приходит каждую секунду, но после выполнения другого метода  с сетстейтом отваливается, почему?
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
1N54N3
Если в дидмаунте прослушка сокета
this.props.socket.on('time', serverTime => this.setState({ serverTime }));
Он приходит каждую секунду, но после выполнения другого метода  с сетстейтом отваливается, почему?
нужно больше кода
источник

1

1N54N3 in React — русскоговорящее сообщество
componentDidMount() {
socket.on('time', serverTime =>
           this.setState({ serverTime })
)

}

//метод после которого отваливается обновление сервертайм
closePopup = () => {
       console.log('close')
       this.setState({
           isPopupOpen: false,
           activeLotId: null
       })
   }
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
1N54N3
componentDidMount() {
socket.on('time', serverTime =>
           this.setState({ serverTime })
)

}

//метод после которого отваливается обновление сервертайм
closePopup = () => {
       console.log('close')
       this.setState({
           isPopupOpen: false,
           activeLotId: null
       })
   }
Трудно понять что вы хотите сделать, но вызов сестей автоматически не обьединяет предидущий и новый стейт
источник

V

Vetro in React — русскоговорящее сообщество
Dmitriy Shuleshov
Трудно понять что вы хотите сделать, но вызов сестей автоматически не обьединяет предидущий и новый стейт
Мержит, но поверхностно
источник

DS

Dmitriy Shuleshov in React — русскоговорящее сообщество
Это с каких пор?🤔
источник

V

VolanDeVovan in React — русскоговорящее сообщество
есть необходимость в коллбеке регистрируемом внутри функционального компонента получать актуальное состояние
по типу setState(oldState =>) только без изменения
как такое можно сделать?
источник

V

Vetro in React — русскоговорящее сообщество
Dmitriy Shuleshov
Это с каких пор?🤔
Всегда

useState не мержит, this.setState shallow мержит
источник

1

1N54N3 in React — русскоговорящее сообщество
Dmitriy Shuleshov
Это с каких пор?🤔
Прикол что раньше эта штука работала.. с немного другим кодом

closePopup = (id) => {
       try {
           this.props.socket.emit('leaveRoom', id);

           this.setState({
               isPopupOpen: false,
               activeLotId: null
           })
       } catch (e) {
           Sentry.captureException(e);
       }
   };
источник

D

D M in React — русскоговорящее сообщество
VolanDeVovan
есть необходимость в коллбеке регистрируемом внутри функционального компонента получать актуальное состояние
по типу setState(oldState =>) только без изменения
как такое можно сделать?
Если тебе не надо менять, просто возьми state и все
источник

V

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

V

VolanDeVovan in React — русскоговорящее сообщество
это же иммутабельность
и коллбек не будет ссылаться каждый раз на новое состояние
источник

DS

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

useState не мержит, this.setState shallow мержит
Да точно, то у меня уже проф деформация хуками
источник

N

Nizsee in React — русскоговорящее сообщество
Помогите пожалуйста. Как мне передать массив products в FormContainer? Не поимаю..

import ReactDOM from 'react-dom';
import React, {Component} from 'react';

import FormContainer from "./FormContainer";

var products = [{a:1,b:2,c:3}];

class App extends Component {

   render() {
     return (
                    <div className="row">
                       <FormContainer products={products}/>
                    </div>

       );

   }
};

ReactDOM.render(<App/>, document.getElementById('App'));
источник

𝓐

𝓐𝓷𝓸𝓷𝔂𝓶𝓸𝓾𝓼... in React — русскоговорящее сообщество
где тут массив
источник

V

VolanDeVovan in React — русскоговорящее сообщество
VolanDeVovan
есть необходимость в коллбеке регистрируемом внутри функционального компонента получать актуальное состояние
по типу setState(oldState =>) только без изменения
как такое можно сделать?
setState(state => {
return state
})
Это нормальное решение?
Речь идёт о useState хуке и надо получать актуальное состояние внутри коллбека который создаётся при первом рендере
источник