Size: a a a

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

2020 November 05

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Alexander Nazarov
просто нужно сделать проверку, и если max-width: 500px то закинуть состояние
matchMedia нужно использовать, в useEffect скорее всего
источник

BB

Bugs Bunny in React — русскоговорящее сообщество
там можно сабскрайб повесить
источник

AN

Alexander Nazarov in React — русскоговорящее сообщество
спасибо ребят, пойду курить matchMedia )
источник

И

Иван in React — русскоговорящее сообщество
Alexander Nazarov
спасибо ребят, пойду курить matchMedia )
источник

AN

Alexander Nazarov in React — русскоговорящее сообщество
🙏
источник

ES

Eugene Stepanyuk in React — русскоговорящее сообщество
Подскажите пожалуйста, как в таблицу, в столбцах которой есть компоненты с данными, вставить такую же новую строку, только с пустыми компонентами?
источник

АБ

Александр Бакиматов... in React — русскоговорящее сообщество
Eugene Stepanyuk
Подскажите пожалуйста, как в таблицу, в столбцах которой есть компоненты с данными, вставить такую же новую строку, только с пустыми компонентами?
код ты конечно же не покажешь?
источник

ES

Eugene Stepanyuk in React — русскоговорящее сообщество
Александр Бакиматов
код ты конечно же не покажешь?
легко
источник

ES

Eugene Stepanyuk in React — русскоговорящее сообщество
Александр Бакиматов
код ты конечно же не покажешь?
таблица:
<Table
     pagination={false}
     columns={configModalTable}
      dataSource={data.map((item) => ({
               ...item,
     }))} />

Пытаюсь добавить строку:
<Button onClick={this.handleAdd} >+</Button>
handleAdd = () => {
       const { count, data } = this.state;
       const newData = data;
       newData.push({ id: count });
       this.setState({
           data: newData,
           count: count + 1
       });
       console.log('data', data);
   };

Один из столбцов:
title: this.intl("title-table-resolution-executor"),
dataIndex: 'ExecutorClerk',
align: 'center',
render: () => {
      return (
       <Select defaultValue={data ? data.ExecutorClerk : null} style={{ width: '100%' }} /*onChange={(_, data) => this.onQuestionsChange(data)}*/ >
         {data ? data.map(item => (
                <Option key={item.Executors_FIO_id} value={item.ExecutorClerk} >{item.ExecutorClerk}</Option>)) : null}
           </Select>);}

Проблема в том, что новая строка создается с компонентом и несколькими значениями (старым и новым пустым), а нужно только пустой

Пробовал копировать массив обьектов и перезаписывать
const { count, data } = this.state;
   const newData = {
     id: count,
   };
   this.setState({
     data: [...data, newData],
     count: count + 1,
   });
..но так вообще не добавляет ничего, data почему-то не меняется
источник

A

Alex in React — русскоговорящее сообщество
Добрый день, а где нужно хранить запросы к бэкенду react-redux? в экшенах с помощью thunk?
источник

KF

Konstantin Fandelyuk in React — русскоговорящее сообщество
Добрый день. Подскажите пожалуйста на сколько корректно использовать в не большом сайте или срм системе для 1го клиента useContext вместо Редакс ?
источник

И

Иван in React — русскоговорящее сообщество
Konstantin Fandelyuk
Добрый день. Подскажите пожалуйста на сколько корректно использовать в не большом сайте или срм системе для 1го клиента useContext вместо Редакс ?
источник

ΓΧ

Γιωργος Χηονιδι... in React — русскоговорящее сообщество
Alex
Добрый день, а где нужно хранить запросы к бэкенду react-redux? в экшенах с помощью thunk?
запрос вынеси в отдельный класс или функцию и передавай в неё нужные параметры типо method, body, url и да вызывай потом в санках если нужно в стор закинуть а если не нужно в стор можно и в эффекте просто вызвать запрос
источник

Т

Тимофей 🛴 in React — русскоговорящее сообщество
Konstantin Fandelyuk
Добрый день. Подскажите пожалуйста на сколько корректно использовать в не большом сайте или срм системе для 1го клиента useContext вместо Редакс ?
Если нужен небольшой стейт менеджер возьми reatom
источник

М

Мерч in React — русскоговорящее сообщество
Alexander Nazarov
народ подскажите как сделать медиа запрос через реакт?  
в теге пишу style = {{media screen and (max-width: 500px:  задаю стили, оно не работает}}
useEffect+matchMedia
могу кинуть пример
источник

KF

Konstantin Fandelyuk in React — русскоговорящее сообщество
Тимофей 🛴
Если нужен небольшой стейт менеджер возьми reatom
Спасибо почитаю.
источник

AN

Alexander Nazarov in React — русскоговорящее сообщество
Мерч
useEffect+matchMedia
могу кинуть пример
было бы круто)
источник

М

Мерч in React — русскоговорящее сообщество
Alexander Nazarov
было бы круто)
useEffect(() => {
   const updateView = () => {
     themeStore.setCurrentTheme(
       window.matchMedia((max-width: 892px)).matches
     );
   };
   window.addEventListener('resize', updateView);
   updateView();
   return () => window.removeEventListener('resize', updateView);
 }, []);
источник

AN

Alexander Nazarov in React — русскоговорящее сообщество
Мерч
useEffect(() => {
   const updateView = () => {
     themeStore.setCurrentTheme(
       window.matchMedia((max-width: 892px)).matches
     );
   };
   window.addEventListener('resize', updateView);
   updateView();
   return () => window.removeEventListener('resize', updateView);
 }, []);
🙏
источник

М

Мерч in React — русскоговорящее сообщество
Там методы из мобыкс сторы, замени на useState если надобно
источник